Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery toggleClass(';class';1000)仅切换1s,然后关闭,而不切换1s动画_Jquery_Jquery Ui_Ruby On Rails 3.1_Sprockets - Fatal编程技术网

jQuery toggleClass(';class';1000)仅切换1s,然后关闭,而不切换1s动画

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 UI中遇到了一个问题,如果我关闭了持续时间,它的行为与预期的一样,但是在指定的持续时间内,它只在指定的持续时间内应用类,然后删除类

以下代码在jQuery和jQuery UI之后加载到单独的文件(application.js)中:

( 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开始的。很可能您的最佳选择是让依赖项正常工作,而不是使用我的解决方案。