检查类是否有活动,如果是,则运行外部.js文件?可能?

时间:2015-01-12 22:33:13

标签: javascript jquery fullpage.js

所以我正在为http://carrotcrunchpvp.comule.com/以上的人开发一个小型网站。 在'我们的精神'页面上,我有一个svg运行径向百分比统计。如果您加载此页面http://carrotcrunchpvp.comule.com/#horizontal/1,您会注意到此SVG上有动画,它将其加载到HTML中定义的%。这完全由我的javascript文件 - percentagecircles.js。

完成

现在,我的问题是,由于动画是通过运行文件percentagecircles.js触发的,所以只有在'Our Ethos'页面上才能运行此文件。例如,如果您加载主页,则动画将在您看不到时运行。

我在后端使用FullPage.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有class; active'(我们的ethos css路径),运行percentagecircles.js文件。回顾一下对我来说似乎很简单,但我的Jquery + Javascript知识非常小......

请注意,我尝试使用像Wow.js和onScreen.js这样的插件没有成功,也许我没有正确使用它们。

感谢任何帮助, 干杯, 克里斯

1 个答案:

答案 0 :(得分:0)

您需要使用fullPage.js提供的回调,例如afterSlideLoadafterLoad

你会发现他们解释in the documentation。 并且您有可用的示例,例如callbacks.html here

通过这种方式,您可以获得活动幻灯片并使用它。