从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>

REMOVE

<强> JQ

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

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

})

Answer 2

$('div').click(function(){

  $(this).parent().remove();
  slider1.reloadSlider();

});

这样可行。