0

hoverIntent プラグインを jQuery コードに追加して少しスムーズにしたいのですが、その方法がわかりません。

私のjQueryはすでに正常に動作しています。

<script type="text/javascript">
    $(document).ready(function(){       
        $(".mix-download-details").hide()
        $(".mix-download a").mouseover(function(){
            $(".mix-download-details").slideDown(200)
        });
        $(".mix-download a").mouseout(function(){
            $(".mix-download-details").slideUp(200)
        });
    });
</script>

しかし、ホバーインテントが望ましくない動作の一部をキャッチすることを望みます。(複数回リピートなど)

4

1 に答える 1

1

次のように hoverIntent を使用します。

$(".mix-download a").hoverIntent(function(){
    $(".mix-download-details").slideDown(200);
}, function(){
    $(".mix-download-details").slideUp(200);
});

hoverIntent はアニメーションのスタックを防ぐ必要がありますがstop()、アニメーションの前にも追加することをお勧めします。

$(".mix-download a").hoverIntent(function(){
    $(".mix-download-details").stop().slideDown(200);
}, function(){
    $(".mix-download-details").stop().slideUp(200);
});

于 2011-11-16T16:29:57.600 に答える