点击页面其它地方隐藏该div

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

猜你喜欢

转载自blog.csdn.net/liz9411/article/details/81537942