在页面加载时打开jquery模态对话框
[英]opening jquery modal dialog on page load
问题描述
单击“ save将打开对话框JQUERY UI
$('#save_project').load('dialog/save_project.php').dialog({ autoOpen: false, modal:true });
$('#save').click(
function () {
$('#save_project').dialog('open');
return false;
}
);
<a id="save">Open</a>
<div id="save_project" title="Dialog">
</div>
有按钮类型提交到对话框。 单击按钮后，页面将重定向到go.php页面，并返回到index.php。 我的问题是，如何在返回index.php时再次显示此对话框？
1 个解决方案
解决方案1
0 已采纳 2013-10-10 11:28:47
为了仅在初始加载时无法打开模式，后续页面上的代码必须意识到以下事实：该页面不再是初始页面（即使打开了同一页面）。 为此，您必须使用会话或传递信息作为请求参数，例如此样机“ index.php”：
<html>
<body>
<div id="save_project" title="Dialog"></div>
<a id="save">Open</a>
<script type="text/javascript" src="http://codeorigin.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="http://codeorigin.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<script>
function getURLParameter(name) {
return decodeURI((RegExp(name + '=' + '(.+?)(&|$)').exec(location.search)||[,null])[1]);
}
var openModal = getURLParameter("openModal");
$('#save_project').load('dialog/save_project.php').dialog({ autoOpen: (openModal != "null"), modal:true });
$('#save').click(
function () {
$('#save_project').dialog('open');
return false;
}
);
</script>
</body>
</html>
从后续页面返回index.php时，只需传递?openModal=true 。
在页面加载时打开jquery模式对话框
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.