jQuery mobile - Javascript,param传递,css文件组织

时间:2013-05-07 16:46:06

标签: jquery html css jquery-mobile jquery-mobile-ajax

我正在使用jQuery mobile开发一个新网站。

有一些具体问题。请提供具体,适当的答案。非常困惑,因为jQuery Mobile在页面之间使用基于Ajax的导航。假设我引用的页面位于不同的文件中。

  1. 我们应该如何组织Javascript文件。是否应该在主页上有一个javascript文件。或者,我们应该如何加载特定于页面的JavaScript。我觉得有点犹豫要把javascript放在body标签里加载它。

  2. 将参数从一个页面传递到另一个页面的正确方法是什么。虽然有多个讨论。没有任何令人信服的答案。

  3. 我们应该如何组织CSS文件。非常困惑的是整个网站都有一个文件。

  4. 我不想禁用基于ajax的导航,因为它可能会影响性能。谢谢提前。希望对此有一些健康的讨论。

1 个答案:

答案 0 :(得分:3)

我的观察结果将来自ajax仍处于启用状态,并且您不希望将javascript / css放在页面 BODY 中。

  1. 当ajax打开时,只有第一页加载到 DOM ,在其他每个页面中只会加载 BODY (没有任何一点 > HEAD 位于 DOM 内。

    因此,您的javascript必须放在第一个 HTML 中。现在,如果您想要使用1个js文件或其中几个文件,只要它们在第一个 HTML 中初始化就没关系。

    我还有另一篇致力于此的文章,请看一看: Why I have to put all the script to index.html in jQuery Mobile

  2. 我只会向您显示关于此主题的其他答案的链接,您将找到几个带示例的解决方案,搜索“页面转换之间的数据/参数操作”一章: {{3} }

  3. 我为javascript所说的一切也在这里反映出来。只要在第一个 HTML 文件中初始化它们,您使用的css文件数量无关紧要。

  4. 编辑:

    我随时准备进行健康的讨论。 ;)