更新资料
根据您更新的问题,您 不能 将 单页模型 与 多页模型 混合使用。当您首先加载 page2.html时
data-role="page,仅第一个加载。其他任何事情都可以忽略。
例:
index.html(已加载第一页)-
<html>无论启用还是禁用Ajax,其中的所有标签都将加载到DOM中。
<html> <head> <!-- JS, CSS, etc.. --> </head> <body> <!-- pages --> </body></html>
page2.html- 启用*data-role="page"
Ajax时,除FIRST 及其内容以外的所有标记均被忽略。 *
<!-- libraries in head are neglected --><head> <!-- JS, CSS, etc.. --></head><body><!-- onLY first page is loaded --> <div data-role="page"> <!-- JS --> </div><!-- next pages are neglected --> <div data-role="page"> </div></body>
当使用 Single Page Model 并 启用 Ajax时,您必须在其中放置 外部 页面的JS库/代码
<div data-role="page">。
<div data-role="page"> <script src="file1.js"></script> <script src="file.js"></script></div>
jQuery Mobile的加载 外部 通过Ajax的页面,它加载只有先
<div data-role="page">在
<body,而忽略其他任何标记出方 页 格。



