检查类是否处于活动状态，如果是，请运行外部.js文件?可能

Checking if class has active, if so run external .js file? Possible?

本文关键字：外部运行 js 文件可能如果是否检查活动状态更新时间：2023-09-26

所以我目前正在为 http://carrotcrunchpvp.comule.com/的人开发一个小网站。在"我们的精神"页面上，我有一个用于径向百分比统计数据的 svg。如果你加载这个页面，http://carrotcrunchpvp.comule.com/#horizontal/1 你会注意到这个SVG上有动画，它加载到HTML中定义的%。这一切都是由我的javascript文件完成的 - percentcircles.js。

现在，我的问题是，由于动画是通过运行文件百分比圆圈.js触发的，有没有办法仅在"我们的精神"页面上运行此文件。例如，如果您加载主页，则动画将在您看不到它时运行。

我在后端使用整页.js插件。我在开发时注意到，当遍历每个页面时，class="slide fp-slide fp-table"在该页面上变为class="slide fp-slide fp-table active"。

从逻辑上讲，我会想象我会使用一个 if 函数，如果"#fullpage>div>div.fp-slides>div>div.slide.fp-slide.fp-table 有类 ;active"（我们的 ethos css 路径），运行 percentcircles.js 文件。回想起来对我来说似乎很简单，但我的 Jquery + Javascript 知识非常非常少......

请注意，我尝试使用几个插件，例如 Wow.js 和 onScreen.js但没有成功，也许我没有正确使用它们。

任何帮助不胜感激，干杯克里斯

您需要利用 fullPage 提供的回调.js例如 afterSlideLoad 或 afterLoad 。

您将在文档中找到它们的解释。这里有可用的例子，例如callbacks.html。

这样，您可以获取活动幻灯片并使用它。