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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery mobile - Javascript,param传递,css文件组织相关的知识,希望对你有一定的参考价值。

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

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

  1. 我们应该如何组织javascript文件。是否应该在主页上有一个javascript文件。或者,我们应该如何加载特定于页面的JavaScript。我觉得有点犹豫要把javascript放在body标签里加载它。
  2. 将参数从一个页面传递到另一个页面的正确方法是什么。尽管有多个讨论。没有任何令人信服的答案。
  3. 我们应该如何组织CSS文件。非常困惑的是,整个网站都有一个文件。

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

答案

我的观察结果将来自ajax仍处于开启状态,你不想把你的javascript / css放在页面BODY中。

  1. 当ajax打开时,只有第一页被加载到DOM中,在每个其他页面中只会加载BODY(没有任何一点在DOM中有几个HEAD)。 因此,您的javascript必须放在第一个html中。现在,如果要使用1个js文件或其中几个文件并不重要,只要它们在第一个HTML中初始化即可。 我有另一篇专门讨论这篇的文章,请看看:Why I have to put all the script to index.html in jQuery Mobile
  2. 我只会向您显示关于此主题的其他答案的链接,您将找到几个带示例的解决方案,搜索“页面转换之间的数据/参数操作”一章:jQuery Mobile: document ready vs page events
  3. 我为javascript所说的一切也在这里反映出来。只要在第一个HTML文件中初始化它们,使用多少css文件并不重要。

编辑:

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

以上是关于jQuery mobile - Javascript,param传递,css文件组织的主要内容,如果未能解决你的问题,请参考以下文章

javascrip jquery 学习随笔

jQuery Mobile中jQuery.mobile.changePage方法使用详解

jQuery Mobile仿360首页,jQuery Mobile网格布局,jQuery Mobile网址大全,HTML5仿360首页

jQuery Mobile-jquery Mobile 怎么用ajax提交表单

jquery mobile,结合jquery mobile“页面”和内部页面

JQuery Mobile 1.3.1“$.mobile.loading”不工作