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

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

sql - PostgreSQL automatically update row at specific date -

-
Once I update one line, I want to reach the specific timestamp in that line. For example, there are deals in an auction site which ends in one day. After that time the deal ends automatically. Is there a feature in PostGrace SQL, where I can set a line to automatically update when it reaches a specific time period? Otherwise how do I apply this example bargain feature? One view can work for it Suppose a table T Create table T (deal_ID integer, deal_time timestamp, end time interval); Enter T (deal_id, deal_start, expiry_time) values ​​(1, now (), '1 day'); If this deal is over, then a view will be Caletrack Select View vs. *, now ()> At the end of T, deal_start + expiry_time; Choose from V * Deal_id Deal_start | Expiry_time | Ended --------- + ---------------------------- + -------- - --- + --------- 1 | 2014-04-22 13: 26: 32.319394 | 1 day | F
Read more

jsp - No mapping found for HTTP request with URI with annotation config Spring MVC and Jetty -

-
Image
I'm only using annotation configuration, the server starts, but when I use some pages error is displayed: Warning: no mapping found for HTTP request with URI [/WEB-INF/view/main.jsp] name 'org.springframework.web.servlet.DispatcherServlet -D7259e with DispatcherServlet in Controller mapping works fine, but no JSP page is full. I am using Jetty 9.2.0.M0 and Spring MVC 4.0.4 release. JetTyP Config: Private Static Last String CONTEXT_PATH = "/"; Private Static Last String MAPPING_URL = "/ *"; Private Zero Server (Int port) throws exceptions {server server = new server (port); Server.addLifeCycleListener (New LifeCycleListener ()); Server.setHandler (getServletContextHandler (getContext ())); Server.start (); Server.join (); } Private static ServletContextHandler getServletContextHandler (WebApplicationContext context) throws IOException {LOGGER.info ( "ServletContextHandler is ready"); CircleContaxHandler themeHandler = new circactont...
Read more