Question

我目前正在为某些产品使用bx滑块。我的问题是当屏幕是桌面宽度时我需要禁用BX Slider。我尝试过：

jQuery(window).resize(function(e) {
    var winwidth = jQuery(window).width();
    if(winwidth < 740){
          jQuery('.bxslider').bxSlider();
    }else{

    }
})

但是，它会滑动滑块功能（html和所有内容），当用户将窗口调整到桌面大小时，滑块不会显示。

实际上我想过使用stopPropagation（）;但在这种情况下，我无法让它发挥作用。

任何想法如何解决这个问题？：）

Answer 1

我建议检查useeragent，如果它的ios或android init bxslider不是。你也可以使用modnizer js来检查设备类型。

基于调整大小窗口的BXslider init解决方案。

var bxslider = null;
  $(document).ready(function(){ 
  var winwidth = $(window).width();         
  if(winwidth < 740){
    bxslider = $('.bxslider').bxSlider();                               
  }         
});

$(window).resize(function(e) {

    var winwidth = $(window).width();   
     if(bxslider != null && winwidth > 740 ){
         bxslider.destroySlider();       

     }else if(bxslider === null && winwidth < 740 ){
       bxslider = $('.bxslider').bxSlider();
     }
});

在桌面上隐藏BXSlider

1 个答案: