javascript - Get Actual CSS Property of element if it dynamically added "!important" -


मेरे पास आईडी = "somID" के साथ एक तत्व है;

उदाहरण के लिए:

एचटीएमएल:

& lt; div id = 'somid' & gt; & lt; / div & gt;

सीएसएस:

#somID {width: 500px; height: 500px}

और मेरे पास एक वर्ग है: अधिकतम करें।

अतः,

। अधिकतम करें {width: 100%! महत्वपूर्ण; ऊंचाई: 100%! महत्वपूर्ण; }

अब गतिशील रूप से मैं

अपने आईडी की तरह,

$ ('# somID') के साथ कॉल करके अपने #somID की चौड़ाई और ऊंचाई प्राप्त करना चाहते हैं। चौड़ाई () या। ()

लेकिन मैं अपनी आईडी में परिभाषित तत्व की वास्तविक ऊंचाई लेना चाहता हूं, परन्तु मुझे .maximize परिणाम में नहीं मिलता है, जिसकी ऊंचाई या चौड़ाई है #somid ।

किसी भी दोस्त के पास कोई विचार है? कैसे # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #

समस्या यह है कि बहुत से, कई चयनकर्ता, जो किसी विशेष तत्व के साथ दिए गए तत्व के लिए लागू होते हैं, हो सकते हैं। कोई एपीआई नहीं है जो आपको सीएसएस में चयनकर्ता से एक संपत्ति का अनुरोध करने की अनुमति देता है - यह केवल अधिक समझ में नहीं आता है।

यह कहने के बाद, आप उस मुद्दे को हल करने के लिए एक हैक बना सकते हैं:

<पूर्व> फ़ंक्शन getOriginalDimensions (आईडी) {var $ a = $ ("& lt; div & gt;", {id: id}); । $ ( "शरीर") ($ क) संलग्न; Var चौड़ाई = $ a.width (); Var ऊंचाई = $ a.height (); $ A.remove (); वापसी {चौड़ाई: चौड़ाई, ऊंचाई: ऊंचाई}; } Console.log (getOriginalDimensions ("somID")); // रिटर्न {चौड़ाई: 500, ऊंचाई: 500}

उपरोक्त काम आपके HTML और CSS के साथ करता है।

यह मूलतः बनाता है एक ही आईडी वाला एक तत्व, उसे शरीर में जोड़ता है, आयाम पढ़ता है और तुरंत उसे हटा देता है। यह आवश्यक है क्योंकि डिवीज़ का कोई आकार नहीं होगा यदि इसे केवल DOM में नहीं रखा गया है और जोड़ा नहीं गया है, क्योंकि सीएसएस लागू नहीं होगा।

सिद्धांत में आप इसे कार्य करने के लिए इस फ़ंक्शन का विस्तार कर सकते हैं

लेकिन ध्यान रखें कि यह एक गंदा हैक है और आपको अपने दृष्टिकोण पर पुनर्विचार करना चाहिए।


Comments

Post a Comment

Popular posts from this blog

c# - Reactive Extensions ControlScheduler -

Well, I'm using Reactive Extension Event Handler to handle my app events, I run the headlines on the Yuri thread. I also use ControlSubular for However, recently I am getting cross thread exception despite using control scheduler and I do not know what the problem is. Code: Observable.FromEventPattern & Lt; String & gt; (CC, "UiAlertMessage", New Control Session ()) Subscribe (_ = & gt; {Alert Control. (Show this language, title, _.EventArgs.UppercaseFirst ());}); The new control scheduler (this) is not to run the code on the UI control thread, so I do not get cross threading exceptions? you should do Observable.FromEventPattern & lt; String & gt; (CC, "UiAlertMessage"). AboveOption (this). Subscribe (_ = & gt; {Alert Control. (Show this language, Titles, _.EventArgs.UppercaseFirst ());}); This is the standard way of sending a scheduler related to specific controls. Passing control scheduler as you have got subsc...
Read more

ios - How to determine if NSLayoutConstraint is horizontal or vertical? -

It seems that this should be a simple task, but if a NSLayoutConstraint is a horizontal or vertical The obstacle? The only way to try to make this difference is by [constraint description]; Calling and then the resulting string "V:" or "H:" I want to find this information, because of I have around 2 similar restrictions which are prototype storyboard UITableViewCell , the only difference is that supervision is horizontal Describes the distance, and the second vertical. Any suggestion would be very helpful! Edit: I accepted the reply of Grimozoar because its interpretation is a great answer and the way I am working to parse the details, @ kongtomorrow I also want to give credit, answered me here! Thanks for the help! Here is the real code that I used to find the hindrance: NSArray * constraints = [bubble constraints]; (If ([[obstacle first item]], then e-mail: message labels] and [[barrier is second int.] Is aqual: bubble] and amp; a...
Read more

javascript - Enable/Disable form elements and changing the values of button at a time? -

requirement: text is a button with "disabled" when the page opens, then I want to disable it when the user clicks on button , I want to enable my form field and at the same time I want to change the value of my button to "enabled." I have an example of how the button's value, but how can I enable / disable it at the same time? & lt; H: form & gt; Please press this button & lt; H: command button id = "cb1" value = "# {ActionBean.buttonText}" instant = "true" functionalist = "# {ActionBean.processMyAction}" /> & Lt; / H: form & gt; My Bean class looks like this: / * action listener method * / public zeroes process my action (verb phenomenon) {disable =! Disable; System.out.println ("disable:" + disabled); If (buttonText.equals ("disable")) {buttonText = "enable"; System.out.println ("Button Type:" + Button); } Else {buttonText = "disable...
Read more