当手写下拉框的时候会遇到这种问题:点击页面其它地方隐藏该div,有意见是绑定body,点击目标div时触发事件,点击其他document会出发hide事件,但是:目标div也属于body。为了解决这种问题,特意留下解决方案:
1.将其他document绑定click事件
2.点击目标div时,停止事件
上代码:
$(document).click(function(){$('.cityMenu').hide();});$(".cityChange").click(function(event){event.stopPropagation();if($(".cityMenu").is(':visible')){$('.cityMenu').hide();}else{$('.cityMenu').show();}});