点击div和某些控件之外的地方隐藏div,点击div不隐藏。对象 click和document click冲突有关问题
帮朋友解决这个问题,我发现用以往想想像的方式来实现,貌似不太可行,所以从网上找了一些解决办法,进行优化,这篇比较详细,所以拿来备忘,另一方面也希望可以帮助需要的同学! 问题背景: jQuery 事件问题!!对象 click和document click冲突问题 我想点击某个元素显示一个对象, 点击页面任意处,隐藏这个对象 //点击look对象,显示隐藏mydiv $("#look").bind("click", function () { $("#mydiv").toggle(); }) //点击任意地方,隐藏显示的mydiv $(document).bind("click", function () { if ($("#mydiv").css("display") == "block") { $("#mydiv").hide(); } }) 这样两个事件冲突了,点击look对象,不会显示mydiv ------解决方案-------------------- 防止点击事件冒泡 return false; ------解决方案-------------------- 不是冲突。。是冒泡了,, $("#look").bind("click", function (e) { $("#mydiv").toggle(); e.stopPropagation }) 试试 ------解决方案