2014-04-27 29 views
1

我在编码中遇到了一些麻烦。似乎无法弄清楚是什么让我的菜单行动起来。任何人想看看,我都有JSFiddle hereonlick菜单不触发

菜单上有“Home”,“About”和“Sticky”选项。

- “家”只是一个链接。

- “关于”菜单在点击时工作正常,它会丢弃菜单。当用户单击文档上的任何位置时,放弃隐藏。点击它下降并隐藏菜单。

- “粘滞”是问题发生的地方,它应该工作,并且功能与“关于”菜单相同。但是当点击时,下降根本不会发生。

任何人都可以指出问题是什么? 什么阻止它被触发?

在此先感谢。

**这里是我使用的代码 -

$(document).ready(function(){ 
$('#trigger').click(function(event){ 
    event.stopPropagation(); 
    $('#drop').toggle(); 
}); 
$(document).click(function(){ 
    $('#drop').hide(); 
}); }); 

回答

0

的数字只能使用一次。使用类来代替,如$('.drop',this).toggle();

See my working JSFiddle

+0

谢谢。该提示有所帮助,但是,当用户单击另一个菜单项时,该解决方案会保留任何下拉菜单。 – user3579331

+0

[更新的小提琴](http://jsfiddle.net/VLkT7/6/) –