मैं बूटस्ट्रैप टैब का उपयोग कर रहा हूं और मेरे पास एक टैब में चित्र हैं। मुझे उनकी चौड़ाई प्राप्त करने की आवश्यकता है लेकिन समस्या यह है कि वे इसके लिए तैयार हैं display:none जब तक मैं उस टैब पर क्लिक करता हूं तब तक jquery width() हमेशा वापस आ रहा है 0. मैंने इसे डालने की कोशिश की है window.load और भी #tabid.load लेकिन उनमें से कोई भी काम नहीं करता है। तो क्या छिपे हुए jquery टैब में छवियों की चौड़ाई प्राप्त करने का एक तरीका है? मुझे उनकी चौड़ाई की आवश्यकता तब ही होती है जब टैब दिखाया जाता है, इसलिए मुझे लगता है कि कुछ ईवेंट श्रोता होना चाहिए जो तब चयनित हो जब ट्रिगर पूरी तरह से भरा हुआ हो, लेकिन मैंने इसे अभी तक पाया है। भी आजमाया on("shown",function()) जैसा कि बूटस्ट्रैप में वर्णित है, लेकिन यह भी काम नहीं करता है।
संपादित करें: यहाँ कोड है:
<ul class="nav nav-tabs" id="myTab">
<li class="active"><a href="#popis" data-toggle="tab">Popis</a></li>
<li><a href="#recenzie" data-toggle="tab">Recenzie</a></li>
<li><a href="#galeria" data-toggle="tab">Galéria</a></li>
<li><a href="#ostatne-produkty" data-toggle="tab" id="#test">Súvisiace produkty</a></li>
</ul>
जावास्क्रिप्ट:
$("#test").on("shown",alert($("img.product-thumbnail").width()));
इस घटना के साथ पृष्ठ से पहले भी चिकित्सा रूप से आग लग जाती हैभार और यह अशक्त दिखा। इसके अलावा आईडी = "परीक्षण" को href में नहीं बल्कि वास्तविक में डालने की कोशिश की गई लेकिन यह भी काम नहीं करता है। वैसे भी बूटस्ट्रैप डॉक्यूमेंटेशन कहता है कि यह डिव में होना चाहिए, न कि पर
उत्तर:
जवाब के लिए 0 № 1समस्या यह है कि on.("show" चित्र लोड किए गए हैं लेकिन अभी तक प्रदान नहीं किया गयाइसलिए, $.width तथा $.height डॉन "टी आकार जानकारी प्रदान करते हैं।
लेकिन आप सीधे पढ़ सकते हैं width तथा height की संपत्ति img DOM तत्व के बाद $(window).load.
देखें उदाहरण
यदि आपको छवियों को प्रदान करने की आवश्यकता है और केवल तभी आप उन्हें लेने की इच्छा रखते हैं गाया आकार, तो आपको उपयोग करना चाहिए on("shown"...। जिसे केवल टैब के बाद ट्रिगर किया गया है (चित्र युक्त) दिखाया गया था।
मैंने कोशिश की यह बाहर और यह उम्मीद के मुताबिक काम किया