使用mouseover和jQuery显示/隐藏

我有这块代码。这个想法是，当我mouseoverli#anchor，以前隐藏ul#seeMore应该显示出来。使用mouseover和jQuery显示/隐藏

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() {但似乎这不是很稳定。

来源

2012-10-11 Jeremy

我做了这个renato，即使我将它徘徊，我仍然失去ul。另一个问题是我无法将ul＃seeMore定位在其他相邻的div上方。 – Jeremy

你能告诉我们html代码吗？如何构建ul/li元素 –

您可以将ul#seemore放入li#anchor元素内。这样，当鼠标达到ul#seemore时，它将会是li#anchor元素

来源

2012-10-11 15:55:22

好，实际上它解决了我的问题。你有解决我的其他问题吗？像定位ul上面的其他元素？ z-index不起作用。 – Jeremy

我现在还不确定。 Z-index应该可以工作... –

你其实是对的Renato，Z-index正在工作，我可能把事情搞砸了。 – Jeremy

使用mouseover和jQuery显示/隐藏

回答

相关问题