jQuery toggleClass ('class', 1000) переключается только на 1 с, затем выключается, а не переключается с анимацией 1 с - PullRequest
Новая
       2

jQuery toggleClass ('class', 1000) переключается только на 1 с, затем выключается, а не переключается с анимацией 1 с

1 голос
/ 10 июня 2011

У меня проблема с пользовательским интерфейсом jQuery toggleClass () , где, если я оставляю продолжительность неактивной, она ведет себя как ожидалось, но с указанной продолжительностью класс применяет только указанную продолжительностьзатем удаляет класс.

Следующий код загружается в отдельный файл (application.js) после jQuery и jQuery-UI: 

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

Я использую Rails 3.1 с Coffeescriptи звездочки 2.

Вот пример моего кода: http://jsfiddle.net/27rNG/

Мне нужно следующее поведение: - пользователь наводит курсор на изображение - изображение немного анимируется - пользователь нажимает на изображение - изображениеainmates вниз много

Я не использую toggleClass правильно?

UPDATE : использование было правильным, но пользовательский интерфейс JQuery загружался неправильно.Я исправил эту проблему, загрузив JQuery UI отдельно из файла Sprockets на Rails 3.1 из CDN Google.

1 Ответ

0 голосов
/ 10 июня 2011

Вы используете документацию JQuery-библиотеки под названием JQuery UI. http://jqueryui.com/

Метод, который вы на самом деле вызываете, - это toggleClass (http://api.jquery.com/toggleClass/) в JQuery, а не пользовательский интерфейс JQuery.

Вы можете видеть, что второй аргумент не является продолжительностью.

Вот отправная точка для вас: http://jsfiddle.net/27rNG/16/

...