jquery - 单击离开时如何关闭切换菜单？

Question

当我点击离开时，我很难让下拉菜单关闭。

它仅在我单击父对象时关闭。

$("#nav > ul > li").on('click', function(){
    $(this).toggleClass('active');
});

http://jsfiddle.net/2mRwb/3/

在这种情况下最好的解决方案是什么？

Answer 1

添加以下事件处理程序

$("#nav > ul > li > ul").on("mouseleave", function(){
    $(this).parent().toggleClass('active');
});

DEMO