javascript - 将 Javascript 函数链接到返回 jQuery 对象的 jQuery 函数

标签 javascript jquery jquery-plugins

我在从 TimeCircle jQuery 插件链接我的 javascript 函数时遇到问题。总而言之,这个插件创建了一个计时器,我想在计时器达到 0 时调用一个函数。在文档中,他们提供了一个内置函数 end() ,当计时器达到 0 时会自动调用该函数.文档仅向我展示了如何链接 jQuery 函数:

$(".example").TimeCircles().end().fadeOut(); 

文档是这么说的: 结束() 为了允许您将 TimeCircles 链接到其他 jQuery 函数,您可以使用 end() 函数。 end 函数返回 jQuery 对象,并允许您根据需要触发 jQuery 函数。

TimeCircle倒计时结束后,我想完成这样的事情:

$(".example").TimeCircles().end(function() { console.log("timer ended") });

但是,该函数在结束时永远不会被调用。有谁知道我如何链接我自己的 javascript 函数?

这里是插件文档的链接 - http://git.wimbarelds.nl/TimeCircles/readme.php

最佳答案

end() 函数看起来像是在创建 TimeCircles 时被调用一次。看起来做你想做的事情的方法是使用 addListener 函数,如下所示:

    $(".example.stopwatch").TimeCircles().start().addListener(function (unit, value, total) { if (total === 0) {console.log('timer ended');}});

这是一个 JS fiddle ,显示您想要的内容 https://jsfiddle.net/etzouox4/2/

关于javascript - 将 Javascript 函数链接到返回 jQuery 对象的 jQuery 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36994281/

相关文章:

javascript - 为什么在此示例中 IE 开发工具似乎比 FireBug 更具描述性?

javascript - Vue.js 显示从另一个组件调用一个组件

javascript - 自定义 AngularJS Bootstrap slider

javascript - 提交时的 AngularJS 验证

jquery - 使用 jquery 暂停和恢复动画

javascript - jPlayer-用海报播放一系列mp3文件

jquery - 如何在 jQuery 插件的步骤之间执行 MySQL 更新查询?

javascript - 使用 CSS/JavaScript 的具有下拉列表行为的文本框

javascript - while(true) 与 setInterval(function(),0)

javascript - 如果按顺序单击按钮则执行函数