Tôi đang sử dụng bootstrap bởi băng chuyền của Twitter (phiên bản mới nhất) và tôi đã làm việc đó - ngoại trừ việc nó không bắt đầu tự động trượt. Nó hoạt động tốt sau khi bạn nhấp vào một trong các nút điều hướng. Không chắc chắn lý do tại sao nó làm điều này.Bootstrap Carousel Không tự động trượt
Dưới đây là thiết lập của tôi JS trong tiêu đề:
<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>
Và HTML:
<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>
Cũng vừa mới thêm này không có kết quả:
<script>
$('#myCarousel').carousel({
interval: 1200
});
</script>
Afte r làm cho sự thay đổi trên, giao diện điều khiển javascript nói:
của router Lỗi Loại: Object # không có phương pháp 'băng chuyền' (chức năng ẩn danh) jquery.min.js b.extend.ready: 29 u
Bất kỳ suy nghĩ về lý do tại sao điều này sẽ không được làm việc?
Bạn đã sử dụng $ ('. Carousel'). Carousel() ở bất kỳ đâu? – user1190992
Chỉ cần cập nhật với tập lệnh đó - nhưng thêm nó đã không giúp –
@WilliamH Hãy chắc chắn rằng bạn thêm javascript ('$ ('. Carousel'). Carousel();') trong một lệnh '$ .document.ready()' . Nếu div không tồn tại khi '.carousel()' được gọi, nó sẽ không tự động. –