바탕 화면의 BXSlider 숨기기

Question

일부 제품에는 현재 bx 슬라이더가 사용됩니다. 내 문제는 화면이 바탕 화면 너비 인 경우 BX 슬라이더를 비활성화해야한다는 것입니다. 나는 함께 시도 :

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

    } 
}) 

하지만 그 슬라이더 기능 (HTML과 모든 물건을) dublicates, 사용자가 바탕 화면 크기로 창 최대 크기 때 슬라이더가 표시되지 않습니다.

사실 나는 stopPropagation()을 사용하는 것에 대해 생각했습니다. 하지만이 경우에는 제대로 작동하지 않습니다.

어떻게 해결할 수 있습니까? :)

Answer 1

ios 또는 android init bxslider가 아닌 경우 useeragent 확인을 제안합니다. u는 장치 유형을 검사하기 위해 modnizer js를 사용할 수 있습니다.

크기 조정 창의 BXslider init base 용 솔루션입니다.

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(); 
    } 
});