历史导航或脚本加载jQuery Mobile的问题

Question

我对jQuery Mobile（和网络开发）有点新见，并且有历史问题。

首先，背景：

• 我必须使用jQuery Mobile
• 我正在使用单页模板。
• 我现在有大约10个网页
• 在每个页面中，我都有一个加载菜单的脚本（menuHeader.html + menuHeader.js）。
• 菜单加载在“pagecreate”事件
上

事情是，我正在页面上“玩”（填写一些字段，使用列表上的JQM搜索字段等）。

当我使用$ .mobile.changePage转到另一个页面时，我可以回到第一页：我已经得到了页面的确切状态，就像我离开它一样。 但是，正如JQM文档中所读，$ .mobile.changePage只加载另一页的第一个data-role =页面。

=＆gt;因此，我的下一页没有任何菜单。

另一种方法是使用我的新URL设置location.href并在每个页面中加载我的脚本（这是我的第一个想法）。 如果我这样做，菜单会加载到每个页面上，但我不能在没有完全重新加载的情况下返回上一页。

=＆GT;这意味着我的表单和我的列表都是空的等等。

=＆GT;另外，如果我在pagecreate或document.ready上调用Web服务，似乎再次调用Web服务。现在这不是什么大问题，但未来可能会导致性能问题。

是否有方法在每个页面上加载脚本并且能够正确使用历史导航（不重新加载整个上一页）？ 一种“超级”变更页面？

我的最后一个解决方案是在每个页面中复制我的菜单，但我真的想避免这种情况，因为如果必须更改颜色，标签或其他任何内容，我不想修改每个页面。

我会感激一些帮助（这个问题让我疯了一个星期了）......

提前致谢！

的Stephane

Answer 1

jQuery Mobile具有持久的页眉/页脚功能，可用作导航栏。 http://jquerymobile.com/demos/1.2.0/docs/toolbars/footer-persist-a.html。

您所要做的就是在所有页面上向页眉页脚添加相同的data-id属性值。