Question

我有这段代码。我的想法是，当我mouseover li#anchor时，之前隐藏的ul#seeMore会显示出来。

jQuery(document).ready(function(){
    jQuery("li#anchor").mouseenter(function() {
        jQuery('ul#seeMore').css("display","block");
    });

    jQuery("li#anchor").mouseleave(function() {
        setTimeout( function(){
            jQuery('ul#seeMore').css("display","none");              
        },1000);
    });
})

问题是，如果我仍在徘徊mouseleave

，我也希望第二个ul#seeMore函数不会发生

或者，问题应该是：我怎样才能确定我是否没有徘徊ul#seeMore？

我尝试将jQuery("li#anchor").mouseleave(function() {更改为jQuery("ul#seeMore").mouseleave(function() {，但这似乎不太稳定。

Answer 1

您可以将ul#seemore放在li#anchor元素中。这样，当鼠标向上ul#seemore时，它将向上li#anchor元素

使用鼠标悬停和jQuery显示/隐藏

1 个答案: