jQuery 冒泡事件

来源:互联网 发布:华创证券交易软件 编辑:程序博客网 时间:2024/04/30 03:57

点击按钮时显示层,点击其它地方时隐藏这个层;

 $(document).ready(function() {
            var speed = 500;
            //隐藏层
            $(document).bind("click", function() { $(".divPop").fadeOut(speed); });
            //在层内点击不隐藏层
            $(".divPop").bind("click", function(e) { e.stopPropagation(); });
            //显示投票框
            $(".btnShow").bind("click", function(e) {
                //先隐藏所有的投票框
                //$(".divPop").fadeIn(speed);
                //阻止冒泡
                e.stopPropagation();
                //设置投票框显示位置

               $(".divPop").fadeIn(speed);
            });
           
        });

原创粉丝点击