您的位置:首页 > 其它

点击空白处div消失的方法

2015-10-26 19:02 232 查看


这是做的js页面的一部分,也是上一篇文章中加载json格式数据后展示的效果界面。

现在的问题是:点击南京市后会弹出下面的白色的框,点击框右上角的X号后会关闭白色的框,现在想点击白色的框周围的任一地方,白色框也都hidden。

解决的办法是:随意点击,如果点击的地方没有对应的类,则让白色框消失。

$("*").click(function (e) {
if (!$(this).hasClass("city")) {
$(".city").children("span").css("background-position-x", "-152px");
$(".cityChoice").removeClass("show").addClass("hide");
}
})


附赠网上看到的js:

$(document).ready(function () {
$("*").click(function (event) {
if (!$(this).hasClass("div")){
$(".div").toggle();
}
event.stopPropagation(); //阻止事件冒泡
});
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: