最好的jQuery移动页面设置

时间:2011-07-15 09:21:48

标签: jquery database dynamic mobile

我开始开发我们运行的网站的移动版本。我们选择的框架是jQuery Mobile,因为它有很多承诺并且以令人印象深刻的速度发展。

在开始之前,我想就设置页面布局的最佳方法提出一些建议。

我们知道"主屏幕"将有四个链接分隔"页面"。我最感兴趣的要点是,这些页面是应该根据要求创建还是加载主屏幕内容?

接下来的问题是如何链接子页面。其中一个主屏幕页面将具有另外三个链接的子菜单。其中一个子子页面有一个再次将链接到另一个页面的列表。

显然,我无法同时加载所有内容,如果我可以让每个内容都保存状态,那就太棒了(因为数据会从数据库中提取出来) )。那么最好的方式是什么?

2 个答案:

答案 0 :(得分:1)

由于页面似乎不包含太多数据,我认为最好根据请求加载它们。只会以这种方式加载每个页面所需的数据。 对于要传递给每个页面的动态内容,使用jQuery进行此操作是理想的。对于创建的每个页面,将其与使用jQuery与页面一起传递的上下文链接。

答案 1 :(得分:0)

最好的方法是根据请求加载其他页面,您可以在加载第一个屏幕后立即加载它们,但对于有限数据计划的用户来说会很糟糕。

如果用户访问主页并退出,则加载的所有其他信息仍然会占用他的数据,但会被浪费。

我的建议

  1. 加载主页
  2. 设置JS超时为5秒
  3. 将其他页面加载到单独的div作为屏幕
  4. 导航时,您只需切换屏幕而不是切换页面。您不应该在给定时间加载多个级别的页面。