Скрыть BXSlider на рабочем столе

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 или андроид init bxslider еще нет. u может использовать modnizer js также для типа контрольного устройства.

решение для базового элемента BXslider для изменения размера окна.

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