当用户单击“返回”按钮时,如何关闭SimpleModal对话框?

时间:2010-03-12 20:43:16

标签: javascript jquery simplemodal

当用户点击按钮或链接时,我使用SimpleModal jQuery插件显示一个对话框来覆盖整个页面,防止用户在下一页加载之前的延迟期间点击另一个按钮或链接。 (我想避免这种情况,但这是另一天的问题。)

显示下一页后,如果用户单击“返回”按钮,则前一页仍显示SimpleModal叠加,从而阻止他们使用该页面。这是一个问题。

如何在离开页面或用户单击“返回”按钮返回页面时自动关闭SimpleModal对话框?

我尝试了这个没有成功:

$("body").unload(function() {
    $.modal.close();
});

谢谢!
沃利

更新:以下解决方案似乎效果最好:

$(window).bind("beforeunload", function() {
    $.modal.close();
});

2 个答案:

答案 0 :(得分:4)

尝试使用:

$(window).unload(function() {
   $.modal.close();
});

答案 1 :(得分:0)

为什么不

$.modal.close();
你的$(文件).ready()中的

?如果是用户第一次访问该页面,则它不应该已经打开,如果是,它将自动关闭。如果您在某个条件下希望在人加载页面时打开模态,只需通过执行条件{}检查来设置它。