Fatal编程技术网

Jquery mobile 如何使用Jquery移动数据url

jquery-mobile

Jquery mobile 如何使用Jquery移动数据url,jquery-mobile,Jquery Mobile,我只想知道如何使用数据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="pa

我只想知道如何使用数据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>


标题
你好
但当我点击链接时，它会在url栏中显示页面url，但返回一个空白页面，“我做错了什么？”将链接更改为

<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中。导航页面不需要数据url。

如果我的问题不清楚，很抱歉，我知道如何导航到同一页面中的其他页面和页面，在单页面应用程序中，我将在同一页面中使用所有div data role=“page”，并在不同的html页面中使用该页面的内容，因此，我只想在用户单击链接时，使用数据url将内容加载到div中，如果您能提供一个使用数据url的示例的话