使用jQuery实现,点击显示弹框,背景虚化,点击空白处,弹框消失

1、HTML的代码

   

    
重命名   
 2、js代码 
  

$("#renameClick").click(function(e) {
            e.stopPropagation();   // 阻止冒泡
            $('#back').css("display", "block");   // 显示
            $("#showRename").css("display", "block");

            $("#back").bind("click", function(e) {   // 相当于点击空白消失
                $('#back').css("display", "none");
                $("#showRename").css("display", "none");
            });
        });
3、效果

使用jQuery实现,点击显示弹框,背景虚化,点击空白处,弹框消失_第1张图片
使用jQuery实现,点击显示弹框,背景虚化,点击空白处,弹框消失_第2张图片

你可能感兴趣的:(js)