JQuery停止動畫隊列

我的目標是改變另一個元素（<div>）的懸停元素（在情況下爲<h2>和<p>）並使其動畫，以便在未展開的情況下返回到之前的狀態，停留在另一個（<div>）元素上時停止。JQuery停止動畫隊列

我已經實現了使用JQuery .hover更改內容並對它們進行動畫處理，但是當快速懸停在多個<div>上時，我無法停止排隊的動畫。

我試過使用.stop()功能（都.stop(true, false);和.stop(true, true);）我敢肯定這是我做錯了，但我不能把我的頭圍繞它。

下面是一個例子Codepen，我添加了一些意見，使其夾板什麼做什麼：

http://codepen.io/iamjoshellis/pen/waBrQN?editors=001

我會很感激任何意見/指針，謝謝。

來源

2015-04-27 Josh Ellis

請也添加代碼的codepen在問題本身（可能截短或在最小的格式）。外部鏈接可能會在一段時間後崩潰，當這種情況發生時，這個問題會失去它對未來讀者的價值，而這可能會帶來同樣的問題。 –

當你使用'.queue'時，你應該使用['.dequeue']（https://api.jquery.com/dequeue/）通知jQuery你的自定義函數已經完成。 – Stryner

你說得對.stop()功能，但你錯誤地使用它。把.stop()權.animate()之前，像這樣：

$('.dog-title').stop().animate({

來源

2015-04-27 15:49:58

我實際上最終使用了'.fadeIn''fadeOut'和'.text'的不同方法，但是我想我現在看到了我的方法錯誤，謝謝@DarkAshelin。筆如果對任何人有用： [http://codepen.io/iamjoshellis/pen/EjaQJZ](http://codepen.io/iamjoshellis/pen/EjaQJZ） –

JQuery停止動畫隊列

回答

相關問題