刪除幻燈片從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(); 

}); 

這將工作。