背景点击的jQuery-UI接近模态对话框

我与jQuery UI的玩弄,我喜欢这个演示如何工作的:http://jqueryui.com/demos/dialog/#modal-message

然而,当一个对话框出现,关闭它的唯一方法是单击该对话框里面的界面按钮之一 - 我怎么能扩展,当用户点击覆盖了网页背景层在这个关闭的/一个给定的对话?

我看到,用户可以点击“逃跑”,但坦白说,我不认为大多数用户会认为这样做(我没有,直到我看到它作为一个选项),但它可能会发生他们从消息点击即可。

是否有一个事件/选项我失踪,我可以挖掘到?

--------------解决方案-------------

这应该做的伎俩:

$(".ui-widget-overlay").click(function(){
$(".ui-dialog-titlebar-close").trigger('click');
});

点击.ui-widget-overlay将触发上的关闭按钮点击

干杯

G。

我发现前面的是挑剔的时候,这里有一个简单的解决:

$(".ui-widget-overlay").live('click', function(){
$(".ui-dialog-titlebar-close").trigger('click');
});

这其中肯定会工作,因为当覆盖在DOM或不很重要。

$(document).on('click', '.ui-widget-overlay', function(){
$(".ui-dialog-titlebar-close").trigger('click');
});

只是为了万一任何人运行的加入到这个问题-如果你有堆叠在彼此的顶部,然后在下将关闭只是这是在顶部的对话框多个对话:

$(".ui-widget-overlay").live("click", function () {
$(".ui-dialog-titlebar-close", $(this).prev()).trigger('click');
});

这是使用jQuery的新版本打交道时使用的首选方法。

$(".ui-widget-overlay").on("click", function(){
$(".ui-dialog-titlebar-close").trigger('click');
});

分类:jQuery的 时间:2015-03-14 人气:0
分享到:

相关文章

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.650 (s). 10 q(s)