首页 > 代码库 > jquery点击其他位置 下拉导航隐藏
jquery点击其他位置 下拉导航隐藏
<script>
$(function () {
$(".dropdown").click(function (e) {
$(".dropdown").removeClass(‘open‘);
$(this).toggleClass(‘open‘);
});
//$("body").bind("click",function(evt){
// if (evt.target != $(‘.dropdown-menu‘).get(0)) {
// $(‘.dropdown-menu‘).hide();
// }
//});
$(document).bind("click", function (e) {
var target = $(e.target);
if (target.closest(".dropdown").length == 0) {
$(".dropdown").removeClass(‘open‘);
}
})
//如果当前点击的不是.dropdown标签,那么去掉.dropdown上的.open class.
})
</script>
jquery点击其他位置 下拉导航隐藏