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

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元素