Question

我只是想知道如何使用 data-url 属性，我有一个单独的页面page2.html，我想在链接上点击

<a href="#page2">Page 2</a>

在同一页面中，我放了另一页

<div id="page2" data-role="page"  data-url="page2.html">
</div>

page2.html

<html>
  <body>
    <div data-role="page">
      <div data-role="header">
        <h3>header</h3>
      </div>
      <div data-role="content">
        Hello
      </div>
    </div>
  </body>
</html>

但是当我点击链接时，它会在网址栏中显示页面网址，但会返回一个空白页面，我做错了什么？

Answer 1

将您的链接更改为

<a href="page2.html">Page 2</a>

删除主页面中的page2 div。

在page2.html中，您可以设置页面div的ID。

<html>
  <body>
    <div id="page2"  data-role="page">
      <div data-role="header">
        <h3>header</h3>
      </div>
      <div data-role="content">
        Hello
      </div>
    </div>
  </body>
</html>

jQM会自动将第一个通过AJAX在page2.html中找到的data-role =“page”div加载到主页面的DOM中。您不需要data-url来导航页面。

如何使用Jquery Mobile data-url

1 个答案: