JQuery UI - toggleClass定时功能不起作用
JQuery UI - toggleClass定时功能不起作用
提问于 2015-12-07 11:22:24
我正在使用JQuery UI toggleClass将类添加到我的一个元素中，并且我很难使持续时间和回调生效。
我担心调用的是JQuery toggleClass函数，而不是覆盖的JQuery UI函数，因此我在JQuery UI方法中设置了一个警告，发现调用的实际上是JQuery UI方法。但是，它忽略持续时间参数，并立即调用完成参数。
this.$el.toggleClass('success', 100000, 'easeOutSine', function () {
alert('animation completed')
})我尝试以多种不同的方式调用toggleClass函数：
- 将工期参数作为字符串传递
- 将持续时间参数作为数字传递
- 根据文档将工期参数作为对象传递 This.$el.toggleClass(‘成功’，{‘持续时间’：100000，‘完成’：函数() {警报(‘函数完成’) })
我也尝试过：this.$el.toggleClass('success', 500000, 'easeOutSine', function () { console.log('completed') })
如下所示。
类被添加或移除到元素中，但已完成的回调函数将立即运行。
回答 2
Stack Overflow用户
发布于 2015-12-07 11:39:16
您在页面中添加了jQueryUI脚本吗？
转换功能仅在jQueryUI中可用，而在jQuery中可用。
请检查以下两个链接。
https://api.jqueryui.com/toggleClass/
http://api.jquery.com/toggleclass/
谢谢你，阿米特·普拉贾帕蒂
Stack Overflow用户
发布于 2015-12-07 12:34:50
我尝试使用相同的toggleClass函数，但没有遇到任何error.Can，请确认代码中定义了一个success类。
HTML
<div class="toggler">
<div id="effect" class="success ui-corner-all">
I will change my color on toggle
</div>
</div>
<button id="button" class="ui-state-default ui-corner-all">Run Effect</button>JS
$(function() {
$( "#button" ).click(function() {
$( "#effect" ).toggleClass('success', 5000, 'easeOutSine',function(){
alert('animation completed')
});
});
});这是演示
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34132371
复制相关文章
相似问题
腾讯云开发者
