jQuery mobile - Javascript,param传递,css文件组织
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery mobile - Javascript,param传递,css文件组织相关的知识,希望对你有一定的参考价值。
我正在使用jQuery mobile开发一个新站点。
有几个具体问题。请提供具体,适当的答案。非常困惑,因为jQuery Mobile在页面之间使用基于Ajax的导航。假设我引用的页面位于不同的文件中。
- 我们应该如何组织javascript文件。是否应该在主页上有一个javascript文件。或者,我们应该如何加载特定于页面的JavaScript。我觉得有点犹豫要把javascript放在body标签里加载它。
- 将参数从一个页面传递到另一个页面的正确方法是什么。尽管有多个讨论。没有任何令人信服的答案。
- 我们应该如何组织CSS文件。非常困惑的是,整个网站都有一个文件。
我不想禁用基于ajax的导航,因为它可能会影响性能。谢谢提前。希望对此有一些健康的讨论。
答案
我的观察结果将来自ajax仍处于开启状态,你不想把你的javascript / css放在页面BODY中。
- 当ajax打开时,只有第一页被加载到DOM中,在每个其他页面中只会加载BODY(没有任何一点在DOM中有几个HEAD)。 因此,您的javascript必须放在第一个html中。现在,如果要使用1个js文件或其中几个文件并不重要,只要它们在第一个HTML中初始化即可。 我有另一篇专门讨论这篇的文章,请看看:Why I have to put all the script to index.html in jQuery Mobile
- 我只会向您显示关于此主题的其他答案的链接,您将找到几个带示例的解决方案,搜索“页面转换之间的数据/参数操作”一章:jQuery Mobile: document ready vs page events
- 我为javascript所说的一切也在这里反映出来。只要在第一个HTML文件中初始化它们,使用多少css文件并不重要。
编辑:
我随时准备进行健康的讨论。 ;)
以上是关于jQuery mobile - Javascript,param传递,css文件组织的主要内容,如果未能解决你的问题,请参考以下文章
jQuery Mobile中jQuery.mobile.changePage方法使用详解
jQuery Mobile仿360首页,jQuery Mobile网格布局,jQuery Mobile网址大全,HTML5仿360首页
jQuery Mobile-jquery Mobile 怎么用ajax提交表单