Question

我尝试使用jquery mobile进行导航并显示对话框。每当我直接加载目标页面时（在浏览器中输入＆＃34; target.html＆＃34;并按下按钮以显示对话框）一切正常。但是当我从导航页面（start.html）开始时，通过单击链接进行导航，然后按下对话框的按钮，没有任何反应，没有对话框打开，它不起作用。我很确定这是由于在jquery中加载页面的AJAX方式。

示例：

＆＃13;

<!DOCTYPE html>
<html>
<!--start.html-->
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
  <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.js"></script>
  <link rel="stylesheet" href="css/style.css"></link>
</head>

<body>
  <div data-role="page">
    <div data-role="header">
      <a href="target.html" class="ui-link-inherit">Go</a>
    </div>
  </div>
</body>

</html>

＆＃13;

<!DOCTYPE html>
<html>
<!-- target.html -->
<head>
  <title>Target</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
  <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.js"></script>
  <link rel="stylesheet" href="css/style.css"></link>
</head>

<body>
  <div data-role="page" id="address-sender-page">
    <div data-role="main" class="ui-content">
      <h1>Content</h1>
      <a href="#myDialog">Open dialog</a>
    </div>
  </div>
  <div data-role="dialog" id="myDialog">
    <div data-role="main" class="ui-content">
      <p>Dialog</p>
    </div>
  </div>
</body>

</html>

＆＃13;

这可能是jquery中的一个错误，但我想这是我的错。知道如何解决这个问题吗？它是否记录在jquery移动文档中？

jquery mobile不会加载页面对话框

0 个答案: