Question

我遇到了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);

我正在使用Rails 3.1，使用Coffeescript和Sprockets 2.

以下是我的代码示例： http://jsfiddle.net/27rNG/

我想要的行为是： - 用户将鼠标悬停在图像上 - 图像动画有点动画 - 用户点击图片 - 对ainmates进行大量描绘

我没有正确使用toggleClass吗？

更新：用法是正确的，但没有正确加载JQuery UI。我通过从谷歌的CDN分别从Rails 3.1 Sprockets文件加载JQuery UI来解决这个问题。

Answer 1

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

您实际调用的方法是JQuery的toggleClass（http://api.jquery.com/toggleClass/），而不是JQuery UI。

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

以下是您的起点： http://jsfiddle.net/27rNG/16/

jQuery toggleClass（'class'，1000）只切换1s然后关闭，不用1s动画切换

1 个答案: