Question

点击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时再次显示此对话框？

Answer 1

为了能够仅在初始加载时不打开模态，后续页面上的代码必须知道这不再是初始页面的事实（即使打开了同一页面）。为此，您必须使用会话或传递信息作为请求参数，例如此模型“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模式对话框

1 个答案: