0

別のdivの子にカーソルを合わせたときにdivを表示したい

ここに私のHTMLコードがあります

<div id='container'>
    <div>
        <ul>
            <li class='hover'>A</li>
            <li>B</li>
            <li>C</li>
        </ul>
    </div>
    <div class='hover' id='display'>some text</div>
</div>

そして私のjqueryコード

$(".hover").hover(function () {
    $('#display').show();
}, function () {
    $('#display').hide();
});

それは正常に動作しますが、アニメーションの目的でJavaScriptコードに時間を追加すると、

show(200);
hide(200);

おもしろそうです。したがって、これを修正する方法を教えてくれる人がいれば、本当に感謝しています。

4

1 に答える 1

2

これは、直前にトリガーした新しいアニメーションが終了したためです。

最も簡単な修正は、stop(); を追加することです。

 $(".hover").hover(function () {
     $('#display').stop();
     $('#display').show(200);   
 }, function () {
      $('#display').stop();
     $('#display').hide(100);
 });

http://jsfiddle.net/igos/Ck9hv/

于 2013-05-06T06:00:08.587 に答える