不同文件的内容

Question

可以将导航栏的内容放在Jquery Mobile上的不同文件中吗？我有一个有很多选项的导航栏，现在文件太大所以我想把它分成不同的文件。现在我有这样的事情：

<div data-role="content">
    <div id="content1">
    <p>This is 1 (How to put this on another page?)</p>
    </div>

    <div id="content2">
    <p>This is 1 (How to put this on another page?)</p>
    </div>

    <div id="content3">
    <p>This is 1 (How to put this on another page?)</p>
    </div>
  </div>

可以将内容放在不同的文件上吗？我不需要重定向到另一个页面，我需要的是在同一页面中显示内容，即使内容在另一个文件中也是如此。

Answer 1

您可以使用jQuery.mobile.loadPage()方法从文件加载外部页面。

示例：

$("#loadpage" ).on( "click", function() {
   $.mobile.loadPage( "../templates/about.html");
});