访问各种页面jquery mobile的标签内容

时间:2013-05-15 10:41:30

标签: jquery html5 jquery-mobile jquery-mobile-ajax

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

将html文件分成多个后,如何使用data-role =“page”访问标签的内容?早些时候我使用#tag在页面内搜索。

1 个答案:

答案 0 :(得分: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