在Jquery mobile中为每个屏幕分隔html页面

时间:2012-11-22 13:52:48

标签: html5 jquery jquery-mobile jquery-plugins

我是Jquery Mobile的新手,到目前为止,我搜索的所有示例都只包含整个应用程序的一个html页面,其中包含multipe div标签,其中每个页面/屏幕被定义为div标签,data-role为页面,带有一些标题和页脚可选。根据用户操作,我们隐藏了一些div(页面)并仅显示预期的页面。此外,这个多页面模板似乎是标准设计,正如一些博客所写。还有其他设计方法吗?我想要的是多页html页面,前者用于登录,一个用于家庭,一个用于联系等。其他明智的是难以理解/编码/调试问题,特别是像我这样的Java背景的人。所以,什么我想要的是JQueryMobile的某种MVC设计,就像每个视图/屏幕一样,与一个js(Controller)关联的单独的html。我们可以在JqueryMobile应用程序中拥有多个html页面吗?如果可能,如何在它们之间传递数据/维护会话?任何样品都是最受欢迎的。在此先感谢。

注意:另外我不希望服务器端包含,可能应用程序包含10到15个屏幕,每个页面都会进行Web服务调用并获取一些数据并将其映射到UI。

2 个答案:

答案 0 :(得分:1)

正如上面提到的jerone,jQuery Mobile文档明确指出

  

我们强烈建议您将网站或应用构建为一系列单独的页面,因为它更干净,更轻量级,无需JavaScript即可更好地工作。

请参阅http://jquerymobile.com/demos/1.2.0/docs/pages/page-template.html

每个页面(可以是静态HTML文件或由脚本生成的任何内容(例如PHP,Python或其他))因此是独立的,并且使用AJAX调用从一个页面转换到另一个页面。

除非您认为您的浏览器是一个控制器,否则没有控制器这样的东西!

答案 1 :(得分:0)

如果需要,您可以使用多个html文件。 jQuery Mobile将使用AJAX自动包含这些:http://jquerymobile.com/demos/1.2.0/docs/pages/page-navmodel.html

无论如何,jQuery Mobile推荐一个包含多个页面的大型html文件。

来自http://jquerymobile.com/demos/1.2.0/docs/pages/page-template.html

  

此模板是标准HTML文档,内部有一个“页面”容器,与其中包含多个页面的多页面模板不同。 我们强烈建议您将此网站或应用构建为一系列单独的网页,因为它更干净,更轻量级,无需JavaScript即可更好地工作。