destroySlider（）無法正常工作后的removeAttr（）-bxslider

Question

我有一個包含項目的部分，它成為755px以下的滑塊。 因此，在調整窗口大小時，檢查該滑塊是否存在，然后銷毀它（以便當有人調整窗口大小時，它將被正確調整大小）。

的HTML

<div class="wrapper">
     <div class="slider">
          <div class="item">1</div>
          <div class="item">2</div>
          <div class="item">3</div>
          <div class="item">4</div>
          <div class="item">5</div>
          <div class="item">6</div>    
     </div>
</div>

s

var slider;
jQuery(window).on('resize', function(){
    if(jQuery(window).width()  < 755){
        // slider code goes here
        slider = jQuery(".slider").bxSlider({   
            mode: 'horizontal',
        });
    }else{
        if(jQuery(".wrapper .bx-wrapper").length){
            slider.destroySlider();
            jQuery(".slider").addClass('destroyed_slider');

            jQuery(".slider").removeAttr('style');
            jQuery(".slider .item").each(function(){
                jQuery(this).removeAttr('style');
            });
        }
    }
}); 

但是在destroySlider（）之后，我看到滑塊和項目上確實不應該發生的一些奇怪樣式，因為destroySlider（）應該破壞所有東西，但是無論如何要解決它，從它們中刪除樣式屬性，但是removeAttr（）不起作用。

奇怪的是， jQuery(".slider").addClass('destroyed_slider'); 正在工作，只有removeAttr（）無法工作。 有什么想法嗎？

Answer 1

您正在執行：

slider.destroySlider();

刪除“樣式”之前，因此在執行以下操作時：

jQuery(".slider").removeAttr('style');

元素不再存在，因此沒有樣式屬性。

嘗試

在destroySlider之后，嘗試在jquery中清空innerHTML或html() ：

jQuery("{parent id, not .slider}").html("")

這將清空包含滑塊元素的父元素

最好