在另一个插件中销毁一个插件[重复]答案

【问题标题】：Destroy one plugin within another plugin [duplicate]在另一个插件中销毁一个插件[重复]
【发布时间】：2019-08-20 17:28:09
【问题描述】：

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

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

我有两个插件

:onscreen 当目标 DIV 在视口上可见时播放动画
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 实际上是可见的，而实际上它不可见。

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

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

【问题讨论】：

只有 1 个 id 为“star”的元素吗？

标签： javascript jquery html css-transitions destroy

【解决方案1】：

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

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

See this page

【讨论】：