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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 4324 天前的主题，其中的信息可能已经有所发展或是发生改变。

http://jsfiddle.net/bRjjs/

我想点击除中间box这个对话框外任何区域都可以使这个box被隐藏(display:none)
怎么弄最好? (可以直接改这个demo后直接update)

6 条回复 • 1970-01-01 08:00:00 +08:00

clww

2013-02-01 01:22:16 +08:00

点页面隐藏，点box停止冒泡？
$('html').click(function () {
$('.target').hide();
});

$('.target').click(function (e) {
e.stopPropagation();
});

2013-02-01 01:40:18 +08:00

@clww 谢谢，
这样要绑定一个$('html')事件，是不是还要考虑这个事件的解绑？不然在对话框关闭后不就增加了额外的冗余逻辑

unstop

2013-02-01 03:34:30 +08:00 via iPhone

可以用 .one 来绑定，触发一次后自动解绑。

way

2013-02-01 09:06:00 +08:00

@unstop 说的对
$('body').one('click', function() {
$('.target').hide();
});

2013-02-01 09:10:18 +08:00

@unstop
@way

谢，才知道竟然有.one这个的方法

greatghoul

2013-02-01 09:38:57 +08:00

对话框的推荐使用 http://dev.iceburg.net/jquery/jqModal/ 样式什么的完全可以自己写，它只给你提供了脚本。你要的功能，它也可以实现。