jQuery toggleClass(';class';1000)仅切换1s,然后关闭,而不切换1s动画
我在jQuery UI中遇到了一个问题,如果我关闭了持续时间,它的行为与预期的一样,但是在指定的持续时间内,它只在指定的持续时间内应用类,然后删除类 以下代码在jQuery和jQuery UI之后加载到单独的文件(application.js)中:jQuery toggleClass(';class';1000)仅切换1s,然后关闭,而不切换1s动画,jquery,jquery-ui,ruby-on-rails-3.1,sprockets,Jquery,Jquery Ui,Ruby On Rails 3.1,Sprockets,我在jQuery UI中遇到了一个问题,如果我关闭了持续时间,它的行为与预期的一样,但是在指定的持续时间内,它只在指定的持续时间内应用类,然后删除类 以下代码在jQuery和jQuery UI之后加载到单独的文件(application.js)中: ( jQuery ); (function() { $('#expandingbox').hover(function() { $(this).toggleClass("hover", 1000); }) $('
( jQuery );
(function() {
$('#expandingbox').hover(function() {
$(this).toggleClass("hover", 1000);
})
$('#expandingbox').click(function() {
$(this).toggleClass("expanded", 1000);
});
}).call(this);
我使用的是Rails 3.1,带有Coffeescript和链轮2
下面是我的代码示例:
我想要的行为是:
-用户将鼠标悬停在图像上
-图像的动画效果下降了一点
-用户点击图像
-这张照片让我大失所望
我没有正确使用toggleClass吗
更新:
用法是正确的,但是JQuery UI没有正确加载。我通过分别从Rails 3.1 Sprocket文件和Google的CDN中加载JQuery UI解决了这个问题。您正在使用一个名为JQuery UI的JQuery“库”的文档 您实际调用的方法是JQuery的toggleClass(),而不是jQueryUI 您可以看到第二个参数不是duration 以下是您的出发点:
谢谢!我认为在JQuery之后加载JQuery UI将覆盖toggleClass()方法,以接受第二个参数作为持续时间。在JSFIDLE链接中,我将jQueryUI作为外部js文件加载。我要多读点书。非常感谢你给我这个起点!没问题。我自己对JQuery不太熟悉,我的解决方案是从绕过JQuery UI开始的。很可能您的最佳选择是让依赖项正常工作,而不是使用我的解决方案。