1

私は次のコードを持っています:

$(document).ready(function(){
    $(".yearInner").hide();

    $(".year", this).hover(
        function () {
            $(".yearInner", this).slideToggle();
        }
    );

});

クラスyearInnerでdivを非表示にし、クラスyearで含まれているdivにカーソルを合わせると、yearInnerdivがオンになります。

正常に動作します。ホバーの代わりにhoverIntentプラグインを使用したいと思います。hoverIntentではまったく機能しません。提案?

参照用のDiv構造:

<div class="year">
    2009  
    <div class="yearInner">
        More Info...
    </div>
</div>
<div class="year">
    2008
    <div class="yearInner">
        More Info...
    </div>
</div>
4

1 に答える 1

7

次のように、そのプラグインを使用するには、ホバー/リーブコールバックを分割する必要があります。

$(".year", this).hoverIntent(function () { 
   $(".yearInner", this).slideDown();
}, function() {
   $(".yearInner", this).slideUp("fast"); 
});

どちらの場合も実行する単一の関数を受け入れるjQueryのようなオーバーライドがコアにない理由はわかりませんが、これは修正です。注:.slideToggle()それでも問題なく動作します。に少しバリエーションを追加しました。

于 2010-03-25T20:11:35.317 に答える