Javascript 在另一个插件中销毁一个插件

如果您希望查看存在问题的工作站点，请参阅凭证部分（我正在为蓝色块“#星”下的内容制作动画）：

我有两个插件

当目标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>

如果上面的代码是第一部分，那么我的“#star”div将按照屏幕上的预期方式（插件1）成功添加类名。然而，如果我将代码移动到第五部分（例如），屏幕上会在我进入（可见）该部分之前添加类名。这就是我认为插件2影响插件1的地方，使插件1认为div实际上是可见的，而实际上它不是可见的

当我只在某个特定的部分时，如何确保屏幕上的插件能够正常工作，并且只添加类名

---

在初始化屏幕插件之前，我已经尝试过删除类名“动画bounceInRight”，但没有成功。在（插件2）中，当翻页开始时，它会破坏一些元素并重新初始化，我能在屏幕上做同样的事情吗？我该怎么做呢？

大多数jQuery插件将其对象的新实例存储在jQuery数据中。我在我认为的royal slider代码上达到了顶峰——我认为直接引用royal slider对象可以破坏它

首先，您需要检查并查看您试图调用destroy的元素是否实际具有royalSlider实例

---

是否只有一个id为“星”的元素？

<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)                             
})