当手写下拉框的时候会遇到这种问题:点击页面其它地方隐藏该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();
}
});