javascript - jQuery getting height of div returns 0 -

-

मेरे पास एक jquery html ऑब्जेक्ट है: 

  var $ header = $ ('& lt; Div id = "print-header" class = "print-header" शैली = "चौड़ाई: '+ this.previewWidth +' px; min-height: 190px;" & gt; & lt; / div & gt; ');

जब मैं इसे console.log ($ header) के साथ आउटपुट करता हूं; मैं ऑब्जेक्ट देख सकता / सकती हूं।

अब उसके बाद के लिए आता है लूप जो फ्लोट के साथ तत्वों को जोड़ता है, $ header वस्तु 

  के लिए (var i = 0; i & lt ; $ Form.length; i ++) {var $ विजेट = $ रूप [i]; Var wHtml = '& lt; div class = "element" style = "width:' + $ widget.size_x * 10 + '%; ऊँचाई:' + $ विजेट.size_y * 10 + '%; float: left;" & gt; '; स्विच ($ widget.widget_name) {केस "textFieldWidget": wHtml + = '& lt; div शैली = "सीमा नीचे: 2px बिंदीदार, चौड़ाई: 100%; ऊंचाई: 30px; मार्जिन: 5px;" & gt; & lt; अवधि शैली = "स्थिति: रिश्तेदार; फ़ॉन्ट-आकार: 11px; फ़ॉन्ट-शैली: इटैलिक; रंग: # 999; शीर्ष: 16; बाईं: 10;" & gt; ' + $ Widget.name + '& lt; / span & gt; & lt; / div & gt;'; टूटना; ... "imageWidget": wHtml + = '& lt; div शैली = "मार्जिन: 5px;" & gt; & lt; img src = "' + $ widget.options [0] .value + '" शैली = "चौड़ाई: 100%; ऊंचाई: 100%; "& gt; & lt; / div & gt; '; टूटना; } WHtml + = '& lt; / div & gt;'; अगर ($ widget.section == 0) {$ header.append (wHtml); } ...

लूप के दौरान, जब तत्व जोड़ दिया गया है, मैं $ header 

 < कोड> $ header.append ('& lt; div वर्ग = "स्पष्ट" शैली = "स्पष्ट: दोनों;" & gt; & lt; / div & gt;');

इस बिंदु पर मुझे कुछ संसाधित करने के लिए $ header ऊंचाई की गणना करने की आवश्यकता है और यह वह हिस्सा है जहां मैं फंस गया हूं। कोई भी बात नहीं है कि मैं .height () , .outerHeight () , .innerHeight () या .prop ("scrollHeight" ) , ऊंचाई हमेशा लौट जाती है 0। 

  console.log ($ हैडर); // $ हेडर ऑब्जेक्ट console.log देता है ("सामान्य:" + $ header.height ()); // रिटर्न 0 console.log ("बाहरी:" + $ header.outerHeight ()); // रिटर्न 0 console.log ("इनर:" + $ header.innerHeight ()); // रिटर्न 0 console.log ("स्क्रॉल करें:" + $ header.prop ("scrollHeight")); // रिटर्न 0

मैंने $ (window) .load () उपयोग करने की कोशिश की है, जो काम नहीं कर रहा था। Div दिखाई दे रही है ( डिस्प्ले: ब्लॉक; )। मैंने अतिप्रवाह: छिपी हुई जोड़ने की भी कोशिश की, जो कि काम नहीं कर सका

DOM को तत्वों को जोड़ने के बाद ब्राउज़र को रेंडर करने की आवश्यकता है। थोड़े इंतजार के साथ आपको ऊँचाई प्राप्त करने में सक्षम होना चाहिए।

पहले सुनिश्चित करें कि आप डोम को शीर्षलेख जोड़ते हैं अन्यथा यह गाया नहीं गया है और इसलिए कभी भी ऊँचाई नहीं मिलती। 

  document.body.appendChild ($ हैडर); $ Header.append ('& lt; div वर्ग = "स्पष्ट" शैली = "स्पष्ट: दोनों;" & gt; & lt; / div & gt;'); console.log ($ हैडर); // $ हेडर ऑब्जेक्ट सेटटाइमआउट देता है (फ़ंक्शन () {console.log ("सामान्य:" + $ header.height ()); console.log ("बाहरी:" + $ header.outerHeight ()); console.log ("इनर:" + $ हैडर.नरहाइट ()); console.log ("स्क्रॉल करें:" + $ हैडर.प्रॉप ("स्क्रॉलहाइट"));}, 100);

Comments

Post a Comment

Popular posts from this blog

ruby on rails - How to avoid ActionController::InvalidCrossOriginRequest exception? -

-
मैंने Rails 4.1 को अपने रेल ऐप को अपडेट किया है और ActionController :: InvalidCrossOriginRequest अपवाद प्राप्त करना शुरू कर दिया है। मुझे पाया गया कि बिंग बॉट्स सक्रिय रूप से मेरी गतिशील रूप से जेनरेट की गई जावास्क्रिप्ट फाइल को क्रॉल करते हैं। मुझे लगता है कि यह सही है कि रेलवे इस अपवाद को उठाती है क्योंकि जावास्क्रिप्ट को सीधे कहा जाता है, लेकिन मेरा लॉग इस अपवाद के साथ भरा हुआ है। > सीएसआरएफ संरक्षण को बंद किए बिना इस अपवाद को बढ़ाने से बॉट्स से बचने का कोई तरीका क्या है? मेरा नियंत्रक ऐसा दिखता है। वर्ग सूचियाँ नियंत्रक & lt; ApplicationController before_filter: authenticate_user! Def add @list = List.find (params [: आईडी]) response_to do | format | Format.js {render 'add'} format.html {redirect_to list_path (@list)} एंड एंड एंड जेएच के उत्तर में जोड़ने के लिए और मानते हुए कि आपको कुछ सहायता चाहिए, आपको पता होना चाहिए कि हर मेजबान यह निर्धारित करने के लिए उपयोग करता है कि उनके सर्वर का कौन (और नहीं) पहुंच सकता है सीधे आपकी त्रुटि मूल रूप से है क...
Read more

yii - Using Multiple Database Connection Not Working For Extension -

-
I'm making many database connections using the tutorial. The code is working fine in the model but the problem is that I am using an extension where I have the Yi :: app () - gt; & Gt; Db; Here I am getting the exception property "CWebApplication.dbadvert" is not defined. The extension of the extension has been enhanced by the CExtController. Please help. In the example you are setting dbadvert for custom code records class RActiveRecord , not for web application. If you would like it to be Yii :: app () -> gt; Dbadvert , you will need to set it up in your config.php section 'dbadvert' = & gt; Array ('class' = & gt; 'CDbConnection' * parameter * *), UPD A wrapper component for you You can create CDbConnection, which you want in any way to change the connection string and put it as a webapp component. & lt ;? Php class CMultiuserDatabaseConnection CaptureComment {public function __call ($ name, $ p...
Read more

Selenium IDE Conditional Statements -

-
I want to ask if there is another way to see the error label, which has been shown whether we There is no need to fill up with the necessary to use the verifyText command. Here's an example: id: [required] PW: [required] Email: [expected] Dropdown box: [required] If you make test cases, then there is an easy way to make a test case first, and then three error labels will show whether the other fields will not be filled with that. The PW or email from the dropdown box will be shown even if the error is filled with the error label. Before saving that field, I'm just using the verified text, but if there are many conditional requirements like this there is no easy and easy way to create this testcase? Thx If I understand you correctly, If you ignore the required text fields, you are searching for a way to verify that error message. Since I know the Waitfortext command and expect the error message to appear, this command will wait until it expects the err...
Read more