从 Bx滑块中删除幻灯片

Question

使用div 创建了框滑块，我遇到的问题是完全删除我调用的幻灯片

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

Answer 2

$('div').click(function(){
  $(this).parent().remove();
  slider1.reloadSlider();
});

这将起作用。