Question

我希望在悬停另一个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);

它看起来很有趣。所以，如果有人能告诉我如何解决这个问题，我真的很感激。

Answer 1

这是因为它在去年之前触发的新动画已经结束。

最简单的解决方法是添加stop（）;

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

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

当悬停另一个Div的孩子时显示另一个Div

1 个答案: