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

V2EX = way to explore

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

For Existing Member Sign In

This topic created in 4836 days ago, the information mentioned may be changed or developed.

http://jsfiddle.net/bRjjs/

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

6 replies • 1970-01-01 08:00:00 +08:00

clww

Feb 1, 2013

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

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

Feb 1, 2013

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

unstop

Feb 1, 2013 via iPhone

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

way

Feb 1, 2013

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

Feb 1, 2013

@unstop
@way

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

greatghoul

Feb 1, 2013

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