我在我的应用程序中使用 Jquery mobile。早些时候,我使用单页并使用哈希标签在页面中导航,但现在我计划将其分成多个页面。那么哪种方法更好,即使用标签或为此制作单独的文件?
在将 html 文件分成多个文件后,我将如何使用 data-role="page" 访问标签的内容?如前所述,我使用 # 标签在页面内进行搜索。
我在我的应用程序中使用 Jquery mobile。早些时候,我使用单页并使用哈希标签在页面中导航,但现在我计划将其分成多个页面。那么哪种方法更好,即使用标签或为此制作单独的文件?
在将 html 文件分成多个文件后,我将如何使用 data-role="page" 访问标签的内容?如前所述,我使用 # 标签在页面内进行搜索。
从导航点开始,您将使用文件名而不是页面 #。但这是唯一的区别。
哪种解决方案更好取决于您要做什么。如果您使用 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