点击功能不起作用后隐藏jquery菜单

Question

我有一个CSS下拉菜单，除了一个部分之外我的工作方式正常运行，单击其中一个子菜单项不会关闭子菜单。

大多数人可能并不关心这一点，因为每个链接都会将它们带到一个新页面，但我只是停留在同一页面上并调用javascript函数。

使用jquery，我无法像点击那样隐藏子菜单：

$('.sub li').click(function(){
    $('.sub ul').hide();
});

Answer 1

课程var multiPinch = new Hammer.Pinch({event: 'multipinch', pointers: 4, threshold: 0}); 已应用于.autoclose而不是<ul>，因此请更正html上的assign class并且应该正常工作

Answer 2

好的，你需要做的是隐藏它，但是然后从元素中删除硬编码样式，因为这会阻止悬停工作：

$('.sub li').click(function(){
    $('.sub').hide();
    setTimeout(function(){ // breathing space
        $('.sub').prop('style', '');
    }, 10);
});

Here's a working version fiddle