V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
m
V2EX  ›  问与答

Jquery 关闭一个对话框最好的方法?

  •  
  •   m · 2013-02-01 00:55:27 +08:00 · 2906 次点击
    这是一个创建于 4314 天前的主题,其中的信息可能已经有所发展或是发生改变。
    http://jsfiddle.net/bRjjs/

    我想点击除中间box这个对话框外任何区域都可以使这个box被隐藏(display:none)
    怎么弄最好? (可以直接改这个demo后直接update)
    6 条回复    1970-01-01 08:00:00 +08:00
    clww
        1
    clww  
       2013-02-01 01:22:16 +08:00   ❤️ 1
    点页面隐藏,点box停止冒泡?
    $('html').click(function () {
    $('.target').hide();
    });

    $('.target').click(function (e) {
    e.stopPropagation();
    });
    m
        2
    m  
    OP
       2013-02-01 01:40:18 +08:00
    @clww 谢谢,
    这样要绑定一个$('html')事件,是不是还要考虑这个事件的解绑?不然在对话框关闭后不就增加了额外的冗余逻辑
    unstop
        3
    unstop  
       2013-02-01 03:34:30 +08:00 via iPhone   ❤️ 1
    可以用 .one 来绑定,触发一次后自动解绑。
    way
        4
    way  
       2013-02-01 09:06:00 +08:00   ❤️ 1
    @unstop 说的对
    $('body').one('click', function() {
    $('.target').hide();
    });
    m
        5
    m  
    OP
       2013-02-01 09:10:18 +08:00
    @unstop
    @way

    谢,才知道竟然有.one这个的方法
    greatghoul
        6
    greatghoul  
       2013-02-01 09:38:57 +08:00   ❤️ 1
    对话框的推荐使用 http://dev.iceburg.net/jquery/jqModal/ 样式什么的完全可以自己写,它只给你提供了脚本。你要的功能,它也可以实现。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2821 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 34ms · UTC 08:02 · PVG 16:02 · LAX 00:02 · JFK 03:02
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.