Question

关于菜单上没有点击菜单关闭菜单的话题，我已经看到了很多，但问题是，如果你没有点击#menu，你可以简单地对下面的代码吗？＆GT; ul＆gt; li>一个removeClass打开。有点像onclick！== css ......？

$('#cssmenu > ul > li > a').on('click', function(){
        $("#cssmenu ul").removeClass("open");
    });

Answer 1

这样的事情有用吗？：

HTML：

<div class="container">
<div id="cssmenu" class="open">
        Content goes here
</div>
</div>

CSS：

.container {
    width: 100%;
    height: 100%;   
}

#cssmenu {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: #000;
}

.open {
    background: green !important;
}

最后JS：

$(document).mouseup(function (e) {
var element = $("#cssmenu");

if (element.has(e.target).length === 0 && !element.is(e.target)) {
    // click outside of the element
    element.removeClass("open");
}
});

jsFiddle

通过删除类，当菜单上没有单击时关闭菜单？

1 个答案: