2012-03-11 151 views
0
$("#home-shop-first").hover(function(){ 
    $("#first-button-box").slideToggle(); 
}); 

这可用于显示下拉框,但现在我需要能够添加指向此框中内容的链接,并让用户能够将鼠标悬停并单击它们。如何让鼠标悬停在下拉菜单上?

我可以修改我所拥有的或我需要完全重新考虑的内容吗?

顺便说一句 - 这是六个之一,尽管ID'd div都不是列表元素的一部分。如果有帮助,我很乐意改变这一点。

+0

如果您在下拉菜单后关闭'#home-shop-first'元素,当您将鼠标移到下拉项目上时,鼠标将保持徘徊在元素中的元素将保持打开状态... – henryaaron 2012-03-11 18:42:37

+0

对不起,我对于jQuery而言,我不太清楚该怎么做? – 2012-03-11 18:46:43

+0

请向我们展示您的代码,制作一个jsfiddle。 http://www.jsfiddle.net – Alex 2012-03-11 18:47:04

回答

1

如果下拉后关闭#home-shop-first元素,当你在下拉菜单项移动鼠标时,鼠标将保持徘徊元素的元素将保持开放......使用jQuery

无关,只需在#first-button-box之前打开标识为#home-shop-first的元素,并在#first-button-box之后关闭它。像这样:

例子:http://jsfiddle.net/gygPh/

+0

我刚刚建议您创建答案,因为您在评论中回答完我的问题。谢谢你不要因为这样一个笨蛋而殴打我! :) – 2012-03-11 19:03:57

+0

@MichaelDavis别担心我以前见过smiler问题... – henryaaron 2012-03-11 19:05:12

0

在这种情况下你#first-button-box#home-shop-first你可以简单地结合不同的事件不包埋。像'mouseenter':

$("#home-shop-first").bind('mouseenter',function(){ 
    $("#first-button-box").slideToggle(); 
});​ 

还有很多其他的解决方案。如果有很多元素可以避免每个按钮的ID(如果不是必要的话),我会做一些事情like that

相关问题