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

2013-02-01 00:55:27 +08:00
 m
http://jsfiddle.net/bRjjs/

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

$('.target').click(function (e) {
e.stopPropagation();
});
m
2013-02-01 01:40:18 +08:00
@clww 谢谢,
这样要绑定一个$('html')事件,是不是还要考虑这个事件的解绑?不然在对话框关闭后不就增加了额外的冗余逻辑
unstop
2013-02-01 03:34:30 +08:00
可以用 .one 来绑定,触发一次后自动解绑。
way
2013-02-01 09:06:00 +08:00
@unstop 说的对
$('body').one('click', function() {
$('.target').hide();
});
m
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/ 样式什么的完全可以自己写,它只给你提供了脚本。你要的功能,它也可以实现。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/59430

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX