jQuery彈出層_點擊自身以外地方關閉彈出層

本文轉載自查看原文 2013-01-05 10:25 6801 Javascript/ Jquery

<html>
<style>
.hide{display:none;}
</style>
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $("div.down").click(function(e) {
        e.stopPropagation();
        $("div.con").removeClass("hide");
    });
    $(document).click(function() {
        if (!$("div.con").hasClass("hide")) {
            $("div.con").addClass("hide");
        }
    });
});
</script>
<body>
    <div class="down">click</div>
    <div class="con hide">show-area</div>
</body>
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 jq點擊按鈕打開和關閉彈出層，點擊除了當前按鈕以外的地方關閉彈出層 JQuery彈出層，點擊按鈕后彈出遮罩層，有關閉按鈕 layer點擊確定關閉彈出層事件 jQuery彈出關閉遮罩層 jQuery點擊圖片彈出大圖遮罩層 Layer 彈出頁面在點擊保存關閉彈出層 jQuery點擊圖片彈出大圖遮罩層 layui關閉彈出層 vue點擊遮罩層內功能區以外的地方，遮罩層關閉 layer 關閉彈出層