以指定的分辨率暂停bootstrap轮播

时间:2015-10-30 17:12:04

标签: jquery twitter-bootstrap twitter-bootstrap-3 bootstrap-carousel

我正试图以640px以下的任何分辨率暂停自举转盘。我已经尝试了许多看似直观的方法,但没有任何工作。

目前我有:

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

});

1 个答案:

答案 0 :(得分:0)

您的代码缺少else语句中的'cycle'属性,以便启动轮播。 我还包括一个注释的.on侦听器,以防您想要主动检查宽度更改。例如,如果用户调整窗口大小。

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