需要在 jquery mobile 中刷新页面

我在使用 jquery mobile 时面临一些问题。 当我从第一页移动到第二页时，它没有显示第二页，因为它应该是我每次都需要刷新我的页面。看起来它最初缺少一些 CSS 类。我不明白为什么会发生这种情况。

我在用http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css as CSS

http://code.jquery.com/jquery-1.6.4.min.js

http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js as JS.

在同一页面上我有这个锚标记

<a href="" onClick="showText()">showText</a>

showText() 方法不会第一次调用并显示 javascript 错误 showText 未定义，但当我刷新页面时它工作正常。

关于显示文本():

您必须了解 JQM 的工作原理。为了启用转换等，JQM 将页面拉入并放入 DOM 中。您从第一个页面（类似于 BasePage）开始，该页面完全加载了所有 .js/.css 文件并得到了增强。

当您加载第二页时，JQM 仅抓取里面的内容data-role =“页面”id =“您的第二页”并将其添加到第一页之后的 DOM 中！此 div 标签之外的所有脚本以及第二页页眉中的所有 .css 和 .js 文件都将NOT被JQM抓住了。

因此，如果您的 showtext() 函数位于页面 div 之外的第二页或仅在第二页中使用的 .js 文件中，则它不会被抓取并注入到 DOM 中，因此您的函数不起作用。

当您刷新第二页时，第二页将是您完全增强的BasePage，因此第二页上的所有脚本都将被加载，BUT现在，如果加载第一页，第一页上的所有脚本都将不起作用。

解决方案：我将所有 css/脚本放在所有页面中。这样，无论用户从哪里开始，所需的一切都会被加载。