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

Posted 2021-05-06

我正在使用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文件并不重要。

编辑：

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