Question

我制作了这个剧本：

$("#comments .comment .links").hide();
$("#comments .comment").hover(
    function() { $(".links", this).stop(true).slideDown(300); },
    function() { $(".links", this).stop(true).slideUp(300); }
);

现在我遇到了问题。当我将鼠标悬停在评论div上时。我徘徊了几次。那个.links div不再显示了。 div没有完全打开。

我该如何解决？

Answer 1

试试这个

$("#comments .comment .links").hide();
$("#comments .comment").hover(
    function() { $(".links", this).not(":animated").slideDown(300); },
    function() { $(".links", this).not(":animated").slideUp(300); }
);

OR

$("#comments .comment .links").hide();
$("#comments .comment").hover(
    function() { 
                  $(".links", this).stop(true, true).slideToggle();
               }
);

Answer 2

稍作修改就可以了。

$("#comments .comment .links").hide();
$("#comments .comment").hover(
    function() { $(".links", this).stop(true, true).slideDown(300); },
    function() { $(".links", this).stop(true, true).slideUp(300); }
);

jQuery .slide和.slideUp。没开

2 个答案: