需要刷新jquery mobile中的页面
我正面临着一些jquery mobile的问题。当我从第一页移动到第二页时，它没有显示第二页，因为我每次都需要刷新页面。它最初似乎缺少一些CSS类。我不明白为什么会发生这种事。
我使用http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css作为CSS
http://code.jquery.com/jquery-1.6.4.min.js
http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js作为JS。
在同一页上，我有这个锚标签
<a href="" onClick="showText()">showText</a>showText()方法不会第一次调用，并显示javascript错误showText未定义，但当我刷新页面时，它工作正常。
回答 2
Stack Overflow用户
发布于 2012-01-04 18:00:59
关于showText()：
您必须了解JQM是如何工作的。为了支持转换等，JQM将页面放入到DOM中。您可以从第一个页面(类似于BasePage)开始，它完全加载了所有的.js/.css文件并得到了增强。
当您加载第二个页面时，JQM只获取data-role=“id=”页面中的内容，并在第一个页面之后将其添加到DOM中！此div-之外的所有脚本以及第二页标题中的所有.css和.js文件将不会被JQM抓取。
因此，如果您的showtext()函数位于页面div之外的第2页上，或者位于仅在第2页中使用的.js文件中，它将不会被抓取并注入到DOM中，因此您的函数将不起作用。
当你刷新你的第二页，第二页将是你的完全增强的BasePage，所以第二页上的所有脚本都将被加载， now如果你加载第一页，第一页上的所有脚本都将不起作用。
解决方案：我要把所有的css/脚本放在所有的页面中。这样，无论用户从哪里开始，都会加载所需的所有内容。
Stack Overflow用户
发布于 2012-03-05 07:29:08
这不是一个解决方案，但它可以解决我的问题。
通过使用表单post而不是锚链接，我设法阻止了缓存页面的加载。
<!-- <a href="index.php?p=6_2" data-role="none"><img src="images/large_red_arrow.png" /></a> -->
<form action="index.php?p=6_2" method="post" data-ajax="false">
<input data-role="none" id="view-button" value="view" name="view" type="image" src="images/large_red_arrow.png" alt="View"/>
</form>https://stackoverflow.com/questions/8722606
复制相似问题
腾讯云开发者
