jQuery mobile - Javascript、参数传递、CSS 文件组织

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

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

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

  1. 我们应该如何组织 Javascript 文件。主页上是否应该有一个 javascript 文件。或者,我们应该如何加载特定于页面的 javascript。我对于将 javascript 放入 body 标记中来加载它感到有点犹豫。

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

  3. 我们应该如何组织 CSS 文件。对于整个网站只有一个文件感到非常困惑。

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

最佳答案

我的观察来自于 ajax 仍然处于打开状态并且您不想将 javascript/css 放入页面 BODY 中。

  1. 当ajax仅将第一页加载到DOM中时,在所有其他页面中仅加载BODY(没有必要有多个>HEADDOM 内)。

    因此,您的 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 所说的一切也反射(reflect)在这里。只要在第一个 HTML 文件中初始化它们,您使用多少 css 文件并不重要。

编辑:

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

关于jQuery mobile - Javascript、参数传递、CSS 文件组织,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16424399/

相关文章:

css - SCSS : parent hover selector

jquery remove parent 不处理动态创建的 div

javascript - 组合 getter 和 setter 方法有什么好处?

c# - 按钮单击事件后调用 jquery 自动完成

html - 在浏览器中调试 HTML5 服务器发送的事件

javascript - Append within Append, Iframe within Append in Jquery

javascript - 如何查找列表项的索引(ul-li)?

css - 在无序列表中插入图像而不是元素符号

html - 是否有 css 或 html 属性来使输入标签的内容居中?

javascript - Jquery - 按标签选择我想要使用效果的地方