Question

我在单页上使用多个轮播滑块。他们在一个月前工作，但今天我看到其中一个工作，一个工作不起作用。并且控制台中没有任何错误。 http://1stfold.com/taskbox/Farrukh/completed/Gtech-new/2015/index.html

我为两个滑块使用不同的ID。

<div id="carousel-c" class="carousel slide" data-ride="carousel">
<div id="carousel-a" class="carousel slide carousel-sync" data-interval="false">

并且脚本就在这里。

<script type="text/javascript">
    $('.carousel-sync').carousel('cycle');
$('.carousel-sync').on('click', '.carousel-control[data-slide]', function (ev) {
    ev.preventDefault();
    $('.carousel-sync').carousel($(this).data('slide'));
});
$('.carousel-sync').on('mouseover', function(ev) {
    ev.preventDefault();
    $('.carousel-sync').carousel('pause');
});
$('.carousel-sync').on('mouseleave', function(ev) {
    ev.preventDefault();
    $('.carousel-sync').carousel('cycle');
});
</script>

Answer 1

您是否已启动carousel-c？它没有carousel-sync类，所以只是想知道......

Bootstrap多个轮播滑块无法正常工作

1 个答案: