除非我刷新，否则jQuery mobile中的JavaScript无法正常工作
我有一个内置JavaScript的jQuery移动页面。 问题是除非页面刷新，否则JavaScript不起作用。 这是我的代码：
jQuery(function($) { var url = window.location.search.substring(1); $('#mydiv').load('real_news.asp?' + url); }); 要理解这个问题，您需要了解jQuery Mobile的工作原理。
您的第一个问题是您尝试初始化JavaScript的问题。 根据您之前的答案，我可以看到您正在使用多个HTML / ASP页面，并且您的所有javascript都是从页面初始化的。 这是主要问题。 只有第一个HTML文件应该将JavaScript放入内容中。 当jQuery Mobile将其他页面加载到DOM中时，它仅加载具有data-role="page"属性的
。 其他所有内容，包括 ，都将被丢弃。
这是因为当前加载的页面已经有 。 加载其他页面内容没有意义。 这甚至更进一步。 如果第二个HTML文件中有多个页面，则只会加载第一个页面。
我不会尝试在这里发明温水，所以这里是我讨论这个问题的其他2个答案的链接。 可以在那里找到几种解决方案：
-
为什么我必须将所有脚本放到jquery mobile中的index.html （或在此博客文章中 ）
-
除非刷新，否则链接无法工作
那里有足够的信息可以让你知道该怎么做。
这个问题的基本解决方案是：
- 将所有JavaScript放入第一个HTML / ASP文件中
- 将您的JavaScript移动到
; 更准确地说，将其移动到带有data-role="page"的 - 在页面之间切换时使用
rel="external"，因为它将触发整页刷新。 基本上，你jQuery mobile认为该页面将充当普通的Web应用程序。
正如Archer 指出的那样 ，您应该使用页面事件来初始化您的代码。 但是，让我告诉你更多关于这个问题的信息。 与传统的普通网页不同，在使用jQuery Mobile时，文档就绪通常会在页面在DOM内完全加载/增强之前触发。
这就是创建页面事件的原因。 有几个，但如果您希望您的代码只执行一次（如文件准备就绪），您应该使用pageinit事件。 在任何其他情况下使用pagebeforeshow或pageshow 。
如果您想了解有关页面事件的更多信息以及为什么要使用这些事件而不是文档准备，请查看我个人博客上的这篇文章 。 或者在这里找到它。
你的问题并不完全是指针和提示，所以当我看到它时，我会立即想到的东西。
由于“hijax”，他们的方法是“ajaxifying”所有链接，因此使用jQuery Mobile不会触发文档就绪。 试试这个……
$(document).on("pageshow", function() { var url = window.location.search.substring(1); $('#mydiv').load('real_news.asp?' + url); });
尝试像这样的pageinit
$(document).delegate("body", "pageinit", function() { // Use body or page wrapper id / class var url = window.location.search.substring(1); $('#mydiv').load('real_news.asp?' + url); });
好像什么都没有对我有用。 尝试了许多不同的修复，但我使网站太乱，甚至某些javascript文件的位置不会使网站工作。 足够的谈话，这就是我想出的。 //把它写在所有javascripts的顶部
所有java脚本代码放入：
$(window).on("load", function() { ........ ........ });
使用jQuery，你可以使用$（document）.ready（）在加载DOM时执行某些操作，并使用$（window）.on（“load”，handler）在所有其他内容加载时执行某些操作。