我应该在哪里放置data-url属性以及目标html页面文件应该如何?

时间:2012-07-20 22:25:01

标签: jquery-mobile

If I grasp it correctlydata-url使我能够更改页面并保留其他部分(页眉和页脚),因此我可以将每个页面放在单独的html文件中。

那么我在哪里放data-url?在按钮(例如)中将页面更改为下一页,还是在页面div本身?

如果它位于每个html文件的页面div中,那么该html文件是否应包含<script ... jquery.ver.min.js></script><link ... .css ... />页眉和页脚div等的整个样板文件在?

2 个答案:

答案 0 :(得分:1)

JQM框架自动添加和使用data-url属性。这不是你实际使用的东西。它不是一种可以保留页眉和页脚的方法。您需要在每个页面中包含页眉和页脚。这部分文档试图解释框架如何在内部使用该属性。在JQM多页面环境中,您可以使用其id属性<a href="#page2">Page 2</a>或其ID来链接到其他页面。然后,如果你有单独的页面,你会像往常一样链接到页面。即<a href="page2.html">Page 2</a>

我建议您包含<head>...</head>部分样板文件,原因如下。

  1. 如果您的用户点击刷新。
  2. 您的用户可以通过链接为您的应用添加书签或访问某个页面。
  3. 在任何一种情况下,他们都需要css和javascript。但是,如果您打算使用phonegap,可以忽略这一点,因为用户无法点击刷新,也无法通过链接或书签访问该页面。

答案 1 :(得分:1)

问题1:你把它放在页面div中 历史记录或后退功能需要URL来重新访问该页面。 它是必需的,因为html文件可以有多个页面。

在按钮/链接中,您将网址放入href attribut,就像普通的html一样。

请参阅Data-url部分 http://jquerymobile.com/demos/1.1.1/docs/pages/page-navmodel.html

问题2:这取决于。 如果您认为页面可以单独调用,那么您可以放置​​所有样板。 Mobile Jquery将提取您的页面div。

如果页面更多,应用程序的对话框本身没有任何意义,那么删除样板文件会更有效。传输的数据较少,浏览器不需要解析它就可以找出需要丢弃的部分。

如果你在服务器上生成它,最好是找出它是普通电话还是ajax电话,并发送样板文件。