.animate бесконечный цикл

Question

Меня интересует решение для jQuery .animate бесконечный метод прерывания цикла.

$(element).mouseover(function() { 
    $(this).animate({ opacity: 1 }, duration, customFunc); 
}).mouseout(function() { 

}); 

И вопрос в том, как разбить этот цикл? например, в рамках события mouseout?

я могу сделать это легко с setInterval и clearInterval но есть путь к нему с .animate функции?

Answer 1

Используйте .stop метод:

http://api.jquery.com/stop/

Я предполагаю, что вы хотите, чтобы немедленно прекратить выполнение текущей анимации?

$(element).mouseover(function() { 
    $(this).animate({ opacity: 1 }, duration, customFunc); 
}).mouseout(function() { 
    $(this).stop(); 
}); 

Answer 2

Вы можете остановить анимацию, используя .stop()

http://api.jquery.com/stop/

Вы можете использовать .stop (правда, правда), чтобы очистить очередь и перейти к концу анимации

вы можете использовать .data() для хранения флага, если вы должны анимировать в малейшей

http://api.jquery.com/jQuery.data/

Добавьте IF в свой customFunc, прежде чем вы снова вызовите анимацию, чтобы проверить флаг того, следует ли вам анимировать. Таким образом, вы не будете отказываться от каких-либо других обратных вызовов. В вашей наводке вы должны снова установить флаг.

Answer 3

Если то, что вы испытываете, - это эффект, при котором анимация останавливается по мере того, как ваша мышь входит и покидает элемент несколько раз и продолжает повторять анимацию несколько раз после того, как мышь оставила элемент и не вернулась - я бы рекомендуйте плагин jquery hoverflow для вас.

http://www.2meter3.de/code/hoverFlow/