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("")

这将清空包含滑块元素的父元素

最好