0

私の問題は、私の質問にふさわしい検索フレーズを見つけることです。このフォーラムにはそれについていくつかの答えがあると思います。

時間内にフィッティングアクションに作用するmouseOverイベントを開始したいと思います。現在、ホバーしてone-divを離れると、最初にmouseenterが実行され、完了後にmouseleaveが実行されます。

私が必要としているのは、その時点でマウスを1divのままにしておくことです。mouseleaveイベントはすぐにアクティブ化されます。

.ready関数と関係があることは知っていますが、他に見つかりませんでした。

$(document).ready(function(){
    $("div#one").mouseenter(function() {
        $("div#two").slideDown("normal");
    });
    $("div#one").mouseleave(function() {
        $("div#two").slideUp("normal");
    });
});
4

3 に答える 3

1

mouseenterとmouseleaveは正常に機能しています。これは、キューを停止せずにキューに入れ続けるアニメーションです。これを試して：

$(document).ready(function(){
    $("div#one").mouseenter(function() {
        $("div#two").stop(true, true).slideDown("normal");
    }).mouseleave(function() {
        $("div#two").stop(true, true).slideUp("normal");
    });
});
于 2012-09-11T10:39:35.830 に答える
1

これを試してみてください。

$(document).ready(function(){
    $("div#one").mouseenter(function() {
        $("div#two").stop().slideDown("normal");
    });
    $("div#one").mouseleave(function() {
        $("div#two").stop().slideUp("normal");
    });
});
于 2012-09-11T10:38:35.577 に答える
0

stop()現在実行中のアニメーションを中止するには、を追加する必要があります。

このフィドルを見る

于 2012-09-11T10:40:15.893 に答える