首页 > 其他 > 详细

点击空白处div消失的方法

时间:2015-10-26 20:27:48      阅读:355      评论:0      收藏:0      [点我收藏+]

技术分享

这是做的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(); //阻止事件冒泡    
        });
    });

 

点击空白处div消失的方法

原文:http://www.cnblogs.com/pengpenglin/p/4912080.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!