Question

您好我正在尝试将两个jquery脚本组合在一起...带有jquery移动触摸功能的基本bootstrap轮播。我的所有尝试都导致了错误或者根本没有工作

<script type='text/javascript'>
$(document).ready(function() {
$('#myCarousel').carousel({
interval: 5000
})

$('#myCarousel').on('slid.bs.carousel', function() {
});

});

</script>

<script>
  $(document).ready(function() {  
         $("#myCarousel").swiperight(function() {  
              $(this).carousel('prev');  
                });  
           $("#myCarousel").swipeleft(function() {  
              $(this).carousel('next');  
       });  
    });  
</script>

合并尝试

<script type='text/javascript'>
$(document).ready(function() {
    $('#myCarousel').carousel({
    interval: 5000
})

        $("#myCarousel").swiperight(function() {  
              $(this).carousel('prev');  
                });  
        $("#myCarousel").swipeleft(function() {  
              $(this).carousel('next');  
       });


$('#myCarousel').on('slid.bs.carousel', function() {
});

});

</script>

Answer 1

我已经为你整理了代码格式。这应该有效，除非您有其他错误，而您没有透露给我们。

<script type='text/javascript'>
$(document).ready(function() {
    $('#myCarousel').carousel({
        interval: 5000
    })

    $("#myCarousel").swiperight(function() {  
        $(this).carousel('prev');  
    });  
    $("#myCarousel").swipeleft(function() {  
        $(this).carousel('next');  
    });

    $('#myCarousel').on('slid.bs.carousel', function() {
        // you haven't defined any actions here
    });
});
</script>

http://getbootstrap.com/javascript/#carousel是文档。

结合jQuery脚本

1 个答案: