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

asp.net - Procedure or function "Procedure name" expects a parameter "Param name" which was not supplied occurs rarely -

-
I have a VB Net has a web service function that will send criteria to an SQL server stored function. Everything works perfectly for two months in the deployment machine. but now error The process or function GetEmployeeDetails is expected to have a parameter @progress which was not supplied 'P> posted on the machine Just came once. Everything works fine before and after the error. Web service code: public function GetLocation (ByVal as the oldNumber integer, ByVal integer as NewNumber, ByVal as the location string, Byval progress form In the form of a string, byVal name as string, byVal ID as string, try the string as Command1 = New SqlCommand ("GetEmployeeDetails" Connection1) with Command1. CommonType = CommandType Stored Surechers Parameter.ed ("@ old number", SQLDB type.int). Value = old number. Parameter.ed ("New Numer", SQLDB type.ins). Value = Newamer. Parameter. Add ("@Space", SQLBT Ype.VarChar, 10). Value = loc...
Read more

c# - The item with identity 'Id' already exists in the metadata collection. Parameter name: item -

-
मेरी सभी संस्थाओं का आधार वर्ग है: सार्वजनिक वर्ग इकाई & lt; TKey & gt; : आईएरिटीटी & lt; टीके & gt; {गतिशील आईईआरटीईटी.आईडी {प्राप्त करें} इस आईआईडी; } सेट {this.Id = मान; }} सार्वजनिक TKey Id {get; सेट; }} उदाहरण के लिए स्थिति इकाई: [मेटाडाटा टाइप (टाइपफ (स्टेटसमैटडेटा))] सार्वजनिक आंशिक श्रेणी की स्थिति: इकाई & lt; बाइट & gt; {सार्वजनिक स्ट्रिंग शीर्षक {प्राप्त करें; सेट; }} जब मैं डेटाबेस के विरुद्ध क्वेरी चलाऊँगा तो मुझे निम्न त्रुटि मिलती है: "पहचान 'आईडी वाला आइटम पहले से ही मेटाडेटा संग्रह में मौजूद है। पैरामीटर का नाम: आइटम" क्या यह तय करने का कोई तरीका है या यह किसी वारसा के कारण हुई समस्या है और मैं किसी भी वर्ग से अपनी संस्थाओं का वारिस नहीं कर सकता हूं? यह एक सामान्य त्रुटि है, कुछ जानकारी के लिए खोज करते हुए, मैंने देखा कि: दो तालिकाओं को एक प्राथमिक कुंजी के लिए एक ही नाम हो सकता है लाइटस्विच टेबल्स को देखो, उन सभी को एक प्राथमिक कुंजी है जिन्हें आईडी कहा जाता है। इसलिए, मैं सभी संस्थाओं की समीक्षा करता ह...
Read more

c++ - Redefined variable in the other module -

-
Why do we redefine the variable in other modules, so it is OK to add this module together? I have written two modules main.cpp and module.cpp as the following: // - main.cpp-- // # include & lt; Stdio.h & gt; Int main () {int i = 5; Printf ("I value is% d", i); } and // - module.cpp - // int i = 7; I am now compiling and adding g ++ as the following: g ++ -c main .cpp g ++ - c module. cao g ++ - o bin main.o module.o and it's okay. But I hope the compilation will be successful, while the linker will throw an exception like redefining varaible when I'm running .bin output then the value of i is 5 . UPD: I understand that if we use I as global variable module main.cpp that linker will throw an error. The main variable in the function is a local variable of i function. It is not visible and is present outside the function is. Consider the following example #include & lt; Iostream & gt; Int i = 3; Int main (...
Read more