3

我在我的应用程序中使用 Jquery mobile。早些时候,我使用单页并使用哈希标签在页面中导航,但现在我计划将其分成多个页面。那么哪种方法更好,即使用标签或为此制作单独的文件?

在将 html 文件分成多个文件后,我将如何使用 data-role="page" 访问标签的内容?如前所述,我使用 # 标签在页面内进行搜索。

4

1 回答 1

2

从导航点开始,您将使用文件名而不是页面 #。但这是唯一的区别。

哪种解决方案更好取决于您要做什么。如果您使用 Phonegap 创建混合移动应用程序,请使用单个 HTML 文件/多页方法。如果您只是创建网站的移动版本,请使用多个 html 方法。

从内容访问的角度来看,没有任何变化。您仍将使用您的页面 ID 来访问其内容。

例如,如果您刚刚从页面 index.html 转换到 second.html 并且 second.html 的页面的 id 为 second。然后,您将通过以下方式访问其内容:

$('#second [data-role="content"]').....

基本上,如果您不计算导航,其他任何事情都不会改变。您的内容仍将加载到 DOM 中。

编辑 :

我忘了,有一件事会改变。在多个 html 文件解决方案的情况下,第一页正常加载。它的 HEAD 和 BODY 被加载到 DOM 中,它们在那里等待其他内容。当第二个页面被加载时,只有它的 BODY 内容被加载到 DOM 中。因此,您还需要担心这一点。如果您想了解更多信息,请查看我的其他答案:Why I have to put all the script to index.html in jquery mobile

于 2013-05-15T10:45:12.460 回答