javascript - 从 BxSlider 中移除幻灯片

Question

使用 div 创建了 boxslider，我遇到的问题是完全删除我称之为的幻灯片

    $('#removeid').remove();

在幻灯片 ID 上，所以理论上它应该完全删除幻灯片，对吗？ 这样做后它会对幻灯片重新排序，但即使在调用后幻灯片仍然保留

$('.bxslider').reloadSlider();

我完全不知道发生了什么。任何帮助，将不胜感激。

Answer 1

http://jsfiddle.net/hpn1eoh7/

HTML:

<ul class="bxslider">
  <li><img src="http://bxslider.com/images/730_200/tree_root.jpg" title="Funky roots" /></li>
  <li id="removeid"><img src="http://bxslider.com/images/730_200/hill_road.jpg" title="The long and winding road" /></li>
  <li><img src="http://bxslider.com/images/730_200/trees.jpg" title="Happy trees" /></li>
   <li><img src="http://bxslider.com/images/730_200/me_trees.jpg" title="Happy trees" /></li>
</ul>

删除

JQ

var $slider=$('.bxslider').bxSlider({
  mode: 'fade',
  captions: true
});

$('#remove').click(function(){
    $('#removeid').remove();
    $slider.reloadSlider();

})