2013-07-04 5 views
5

काम नहीं कर रहा है मैं पृष्ठ लोड पर $ (विंडो) .resize() विधि मैन्युअल रूप से आग लगाने की कोशिश कर रहा हूं। मैं एक समारोह बनाई अनुलंब और क्षैतिज एक div तत्व केंद्र के लिए पेज

$(window).resize(function(){ 
    $('.pagecentered').css({ 
     position: 'absolute', 
     left: ($(window).width() - $('.pagecentered').outerWidth())/2, 
     top: ($(window).height() - $('.pagecentered').outerHeight())/2 
    }); 
}); 

पर इस समारोह के बाद मैं

$(window).resize(); 

फोन आकार() घटना मैन्युअल आग।

दुर्भाग्य से यह काम नहीं करता है। पुनः लोड पर div अपेक्षित के रूप में केंद्रित नहीं है। यदि मैं ब्राउज़र विंडो का आकार बदलता हूं तो div तत्व केंद्रित है, इसे केवल पृष्ठ लोड पर नहीं निकाल दिया जाता है।

क्या इसे हल करने का कोई तरीका है? मैं क्रोम 27.0.1453.116 मीटर (नवीनतम संस्करण एटीएम) और JQuery 1.10.2

+4

कोड दस्तावेज़ तैयार में लपेटा जाता है? – r043v

+1

आह ठीक है कि समस्या थी। जावास्क्रिप्ट के लिए बहुत नया ^^ धन्यवाद r043v – TorbenJ

उत्तर

2

उपयोग कर रहा हूँ आप उपयोग करने की आवश्यकता trigger: $(window).trigger('resize');

+7

यह आवश्यक नहीं है लेकिन शैली की बात है। दस्तावेज़ीकरण बहुत स्पष्ट है - पैरामीटर के बिना उपयोग किए जाने पर, 'resize()' 'trigger ('resize') के लिए शॉर्टकट है। – nrodic

+1

यह सबसे अच्छा जवाब क्यों है? – Kad

+0

@ कैड, क्योंकि यह केवल एक ही .... मजाक कर रहा है ... –

संबंधित मुद्दे