Javascript 从AnythingSlider中删除所有面板并重新启动插件

我使用AnythingSlider来显示推特、博客帖子、flickr照片和youtube视频的混搭，一开始效果很好。我正在尝试添加排序功能，但要做到这一点，我需要删除按钮上的所有幻灯片单击->添加新幻灯片->并重新初始化插件

AnythingSlider文档（以及代码）暗示了删除幻灯片的能力，插件应该能够从容应对。我在任何地方都找不到任何类型的删除代码，所以我觉得这样的方法可以奏效：

$("#slider li:not(.cloned)").remove();

---

但到目前为止，我运气不好。有人有过类似的经历吗？非常感谢。

没有任何用于删除幻灯片的内置代码，因此您可以使用上面的代码，或者如果您确实想删除所有幻灯片，请执行以下操作（无需避免删除克隆的幻灯片）：

然后添加您想要的任何新幻灯片（排序或其他）

上面的代码基本上与（主题选择器旁边的按钮）上的代码相同。我在下面附上了更多的评论：）

//添加幻灯片
var imageNumber=1；
$（'button.add'）。单击（函数（）{
$（“#滑块1”）
//添加新幻灯片，但在两个图像之间循环
.append（“
”）
//更新滑块
.anythingSlider（）；
});
$（'button.remove'）。单击（函数（）{
//不要让最后一张幻灯片被删除——如果你真的删除了它也没关系，只是它不是purdy；）
如果（$（'#slider1'）。数据（'AnythingSlider'）。页面>1）{
//移除最后一张幻灯片（克隆的幻灯片实际上是最后一张，这就是为什么其中有“：not（）”的原因
$（'#slider1>li:not（.cloned）：last'）.remove（）；
//更新滑块
$（'#slider1'）。anythingSlider（）；
}
});

$('#slider li').remove();

$('<li>New Stuff</li>').appendTo('#slider');

$('#slider').anythingSlider(); // don't include options

// Add a slide
var imageNumber = 1;
$('button.add').click(function(){
  $('#slider1')
    // add a new slide, but cycle between two images
    .append('<li><img src="images/slide-tele-' + (++imageNumber%2 + 1)  + '.jpg" alt="" /></li>')
    // update the slider
    .anythingSlider();
});
$('button.remove').click(function(){
  // don't let the last slide get deleted - it's ok if you do delete it, it's just not purdy ;)
  if ($('#slider1').data('AnythingSlider').pages > 1) {
    // remove the last slide (the cloned slide is actually the last, that's why there is a ":not()" in there
    $('#slider1 > li:not(.cloned):last').remove();
    // update the slider
    $('#slider1').anythingSlider();
  }
});