如何销毁jquery幻灯片并使用默认样式加载元素？

Question

我正在使用一个名为superslides的jquery幻灯片插件。 我想为我的报价站点实现一个多样式的页面。 默认情况下，幻灯片插件已启动。 我需要破坏按钮单击时的滑动效果，并为我的元素加载网格视图。 我曾尝试删除幻灯片标记的ID，然后进行Ajax加载，但这不起作用！ 这个jQuery插件有一个destroy api $('#slides').superslides('destroy') 。

<div id="slides">
  <div class="slides-container">
    <h2>This is a quote</h2>
    <h2>This is another</h2>
  </div>
</div>

Answer 1

如果destroy选项不适合您，那么下一件最好的事情可能是在将容器元素转换为幻灯片之前，将其复制到全局变量中：

$pre_slideshow = $('#slides').clone();
$('#slides').superslides();
// later, when you want to restore it....
$('#slides').replaceWith($pre_slideshow);