Jquery 切换停止工作

Question

我有一个简单的切换开关，可以在单击时下拉菜单，并在再次单击时隐藏菜单。 (每个用户有多个菜单，因此此代码完美运行...它根据用户 ID 找到正确的菜单...

$('.abutton').live('click',function(){
    var id = $(this).attr('id');

    $('#amenu'+id).toggle();
    return false;

});

这是html

<a class="abutton" id="17">Edit</a>
<ul id="amenu17" class="amenuc">
<li><a href="#" id="17"> Delete</a></li></ul>

现在，如果用户忘记关闭任何菜单，我添加了此代码，如果有人单击页面上的任何元素，该代码将关闭打开的下拉菜单

$('html').click(function() {
     $('.amenuc').hide();
});

(例如，如果有人单击另一个“编辑”按钮或页面上的任何位置，则另一个)...但现在切换不起作用(它所做的只是，如果您单击任何“编辑”按钮，它将显示菜单，但如果您再次单击相同的“编辑”按钮来关闭它，它将不会关闭)。

我的代码有什么问题吗？或者我忘记了什么？

Answer 1

试试这个:

$(document).on('click', function(event) {
     if (!$(event.target).hasClass('abutton')) {  
           $('.amenuc').hide(); 
     }
});