jquery - 以指定的分辨率暂停引导轮播

Question

我正在尝试以低于 640 像素的任何分辨率暂停引导轮播。我尝试了许多不同的看似直观的方法来做到这一点，但没有任何效果。

目前我有：

   $(document).ready(function(){
        if ($(window).width() > 640) {
            $('.carousel').carousel('pause');
        } else {
            $('.carousel').carousel();
        };

});

Answer 1

您的代码缺少'cycle'else 语句中用于启动轮播的属性。我还包括了一个带注释的.on监听器，以防你想主动检查宽度变化。例如，如果用户调整窗口大小。

  $(document).ready(function(){
     //$(window).on( "resize", function(){
            if ($(window).width() > 640) {
                $('.carousel').carousel('pause');
            } else {
                $('.carousel').carousel('cycle');
            }
         //console.log($(window).width());
      //})
     });