如何在移动设备上禁用(不隐藏)BxSlider

时间:2017-01-26 06:51:03

标签: jquery html css bxslider

我在如何在移动设备上禁用Bxslider时遇到问题,特别是在768px屏幕上向下移动。我一直在寻找答案,但我找不到任何答案。这是我的jQuery代码

jQuery(document).ready(function(){
  jQuery('.bxslider').bxSlider({
    mode: 'fade',
    auto: true,
    speed: 2000,
    nextText: '<span></span>',
    prevText: '<span></span>'
  });
});

1 个答案:

答案 0 :(得分:0)

你可以通过几种方式实现,但最好的方法是使用一个简单的jQuery函数,你可以获取用户的屏幕尺寸,如果它小于768px则隐藏它,否则显示div / span

&#13;
&#13;
$(document).ready(function () {

    if ($(window).width()) <= 768px) {
        $(".hideDiv").hide();
    }
    else {

        $(".showDiv").show();
    }

});
&#13;
&#13;
&#13;