在桌面上隱藏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(); 
    } 
});