मैं ट्विटर के कैरोसेल (नवीनतम संस्करण) द्वारा बूटस्ट्रैप का उपयोग कर रहा हूं और मुझे यह काम मिल गया है - सिवाय इसके कि यह स्वचालित रूप से स्लाइड नहीं हो रहा है। नेविगेशन बटनों में से एक पर क्लिक करने के बाद यह अच्छी तरह से काम करता है। यकीन नहीं है कि यह क्यों कर रहा है।बूटस्ट्रैप कैरोसेल स्वचालित रूप से स्लाइड नहीं कर रहा है
<script type="text/javascript" src="<?php echo tz_JS . '/bootstrap/jquery.js'; ?>"></script>
<script type="text/javascript" src="<?php echo tz_JS . '/bootstrap/bootstrap-carousel.js'; ?>"></script>
<script type="text/javascript" src="<?php echo tz_JS . '/bootstrap/bootstrap-transition.js'; ?>"></script>
और एचटीएमएल:
यहाँ शीर्ष लेख में मेरी जे एस सेटअप है
<script>
$('#myCarousel').carousel({
interval: 1200
});
</script>
:
<div id="myCarousel" class="carousel slide">
<div class="carousel-inner">
<div class="active item">
<div class="image-position-right">
<a href="#"><img src="validimagelink.jpg" width="920" height="550" alt=""></a>
</div>
</div>
<div class="item">
<div class="image-position-right">
<a href="#"><img src="validimagelink.jpg" width="920" height="550" alt=""></a>
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
इसके अलावा बस कोई लाभ नहीं हुआ इस जोड़ा afte आर ऊपर परिवर्तन करने, जावास्क्रिप्ट कंसोल का कहना है:
Uncaught TypeError: 29 यू
: ऑब्जेक्ट # में कोई विधि 'हिंडोला' (अनाम समारोह) b.extend.ready jquery.min.js है कोई विचार क्यों यह काम नहीं करेगा?
क्या आपने $ ('कैरोसेल') का उपयोग किया है। कैरोसेल() कहीं भी? – user1190992
बस उस स्क्रिप्ट के साथ अपडेट किया गया है - लेकिन इसे जोड़ने से –
@WilliamH मदद नहीं मिली है सुनिश्चित करें कि आप उस जावास्क्रिप्ट ('$ ('। कैरोसेल') को जोड़ दें। कैरोसेल();') '$ .document.ready()' कॉल में । यदि div। अस्तित्व में नहीं है जब '.carousel()' कहा जाता है, तो यह autorotate नहीं होगा। –