1

我遇到了 jQuery UI 的toggleClass()的问题,如果我关闭持续时间,它会按预期运行,但是在指定的持续时间内,它只会在指定的持续时间内应用该类,然后删除该类。

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

( jQuery );
(function() {
    $('#expandingbox').hover(function() {
       $(this).toggleClass("hover", 1000);
    })
    $('#expandingbox').click(function() {
       $(this).toggleClass("expanded", 1000);
    });
}).call(this);

我正在使用带有 Coffeescript 和 Sprockets 2 的 Rails 3.1。

这是我的代码示例:http: //jsfiddle.net/27rNG/

我想要的行为是:-用户将鼠标悬停在图像上-图像动画向下一点-用户单击图像-图像向下移动了很多

我没有正确使用toggleClass吗?

更新:用法正确,但未正确加载 JQuery UI。我通过从 Google 的 CDN 中的 Rails 3.1 Sprockets 文件单独加载 JQuery UI 来解决此问题。

4

1 回答 1

0

您正在使用名为 JQuery UI 的 JQuery“库”的文档。http://jqueryui.com/

您实际调用的方法是 JQuery 的 toggleClass ( http://api.jquery.com/toggleClass/ ),而不是 JQuery UI。

您可以看到第二个参数不是持续时间。

这是您的起点:http: //jsfiddle.net/27rNG/16/

于 2011-06-10T19:49:50.923 回答