0

これをどのように説明すればよいかわかりません。また、私の肩書きではうまくいかないことは確かです。これが問題です。ページの横に引き出しを作成する必要があります。タブにカーソルを合わせると、左から引き出します。ホバーを外すと、元の位置に戻ります。1つの煩わしさを除いて、それはすべてうまく機能します。マウスで div のオンとオフをすばやくスクラブすると、複数の .animate 関数がキューに入れられ、タブが何度も出たり入ったりすることになります。執筆時点での煩わしさのあるサイトは次のとおりです。 http://mattandjentry.com/weddings/

これが私のjqueryです:

$(document).ready(function() {
    $("#session_pullout").css("left", "-370px"); 

    $("#session_pullout").hover(function() {
        $("#session_pullout").animate(
                {"left": "-50"},
                "fast");
        }, function(){
            $("#session_pullout").animate(
                {"left": "-370px"},
                "fast");
        });
});
4

2 に答える 2

3

さらに別の.stop()質問です。

.stop()現在実行中のアニメーションを停止するために使用します。.stop(true)必要に応じて、アニメーション キューのクリアも呼び出すことができます。または、.stop(true, true)アニメーション キューをクリアしてアニメーションの最後にジャンプします。

$(document).ready(function () {
    $("#session_pullout").css("left", "-370px");

    $("#session_pullout").hover(function () {
        $("#session_pullout").stop().animate({
            "left": "-50"
        }, "fast");
    }, function () {
        $("#session_pullout").stop().animate({
            "left": "-370px"
        }, "fast");
    });
});

のパラメーターを.stop()見て、どちらがニーズに適しているかを確認してください。

于 2013-01-20T23:47:24.450 に答える
0

を使用し.stop()ます。

$("#session_pullout").hover(function() {
    $("#session_pullout").stop(true, true).animate({
        left: '-50px'
    }, 'fast');
}, function() {
    $("#session_pullout").stop(true, true).animate({
         left: '-370px'
    }, 'fast');
});

これにより、アニメーション キューがクリアされ、次のアニメーションが強制的に実行されます。ドキュメントはこちらにあります

于 2013-01-20T23:49:01.300 に答える