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

Question

这个问题已经有答案了:

jquery remove plugin from element (3 个回答)

已关闭 3 年前。

如果您想查看存在问题的工作站点，请参阅“凭据”部分(我正在对蓝色 block “#star”下方的内容进行动画处理):

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

我有两个插件

1. :onscreen当目标 DIV 在视口(viewport)上可见时播放动画
2. Full Screen Page Flip在各部分之间制作类似书本的效果

插件二需要在一页上具有以下部分结构才能正常工作:

<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 实际上是可见的，但实际上它不可见。

如何确保屏幕插件完成其工作并且仅在我仅位于特定部分时添加类名？

我尝试在屏幕插件初始化之前删除类名“animatedounceInRight”，但这不起作用。在 this script file (插件2)它会破坏一些元素并在翻页开始时重新初始化，我可以在屏幕上做同样的事情吗？我该怎么做？

Answer 1

大多数 jQuery 插件将其对象的新实例存储在 jQuery 数据中。我看到了我认为是皇家 slider 代码的峰值 - http://dimsemenov.com/plugins/royal-slider/ - 我认为您可以通过直接引用RoyalSlider对象来销毁它。

首先，您需要检查并查看您尝试调用 destroy 的元素是否确实具有RoyalSlider 实例。

See this page