如何在移动设备上禁用（不隐藏）BxSlider

Question

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

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

Answer 1

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

＆＃13;

＆＃13;

$(document).ready(function () {

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

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

});

＆＃13;

＆＃13;

＆＃13;