删除幻灯片从BxSlider

Question

创建使用div的，我有被去除幻灯片完全我打电话

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

在幻灯片上的ID所以理论上它应该完全删除幻灯片权问题boxslider？ 它重新排序幻灯片这样做之后，但在幻灯片甚至称

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

}); 

这将工作。