在桌面上隐藏BXSlider

Question

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

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

    } 
}) 

但是dublicates滑块功能（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(); 
    } 
});