0

例: http://jsfiddle.net/V4Arr/5/

私の目標は、表示されているテキストにカーソルを合わせるとテキストを表示することです。アニメーションの蓄積を防ぐために stop() 関数を使用しましたが、他の要素が台無しになり始めました (そしてアニメーションも台無しになりました)。テキストに数回ホバーした後、これがどのように見えるかを確認できます。解決策はありますか？

$(document).ready(
      function () {
         $("#cont").hover(
             function () {
               $("#secret").stop().show("slide", "350");
            }, 
             function () {
               $("#secret").stop().hide("slide");
            }
          );
       });
4

2 に答える 2

4

.stop [docs]は 2 つの引数を受け入れます。

clearQueue
    型: Boolean
    キューに入れられたアニメーションも削除するかどうかを示すブール値。デフォルトはfalseです。

jumpToEnd
    型: Boolean
    現在のアニメーションをすぐに完了するかどうかを示すブール値。デフォルトはfalseです。

使用する：

.stop(true, true)

代わりは。

于 2013-02-14T12:38:32.653 に答える
1 
$(document).ready(function () {
    $("#cont").hover(function () {
        $("#secret").stop(true, true).show("slide", "350");
    }, function () {
        $("#secret").stop(true, true).hide("slide");
    }
  );
});
于 2013-02-14T12:40:50.643 に答える