销毁另一个插件中的一个插件

Question

如果您更喜欢查看存在问题的工作站点，请参阅凭据部分（我正在为蓝色块"#star"下的内容设置动画）：

http://176.32.230.17/apptivation.co.uk/m/home/

我有两个插件

1. ：在屏幕上，当视口中可见目标DIV时播放动画
2. 全屏翻页可在各节之间产生书本般的效果

插件二需要在一个页面上使用以下部分结构才能工作：

<div class="bb-item">
<div class="content">
    <div class="scroller">
                    <!-- this is the div i want to animate -->
        <div id="star" class="inner-pad">
            some content
        </div>
    </div>
</div>
</div>

我初始化屏幕上的插件如下：

$(function() {
 setInterval(function() {
    $("#star").filter(":onScreen").addClass('animated bounceInRight');
 }, 0)                             
})

如果上面的代码是第一部分，我的"#star"div将成功地按照屏幕上的方式添加类名（插件1）。然而，如果我把代码移到第五部分（例如），屏幕上会在我到达（明显看到）该部分之前添加类名。这就是我认为插件2影响插件1的地方，使插件1认为div实际上是可见的，而不是可见的。

我如何确保屏幕上的插件完成它的工作，并且只在我只在特定部分时添加类名？

在初始化屏幕插件之前，我曾尝试过删除类名"animated bounceInRight"，但没有成功。在这个（插件2的）脚本文件中，当翻页开始时，它会破坏一些元素并重新初始化，我可以在屏幕上也这样做吗？我该怎么做？

Answer 1

大多数jQuery插件将其对象的新实例存储在jQuery数据中。我在我认为是皇家滑块代码的地方达到了顶峰——http://dimsemenov.com/plugins/royal-slider/-我认为你可以通过直接引用royalSlider对象来破坏它。

首先，你要检查并查看你试图调用destroy的元素是否真的有一个royalSlider实例。

请参阅本页