jQuery mobile中的JavaScript不工作，除非我刷新

Question

我有一个jQuery移动页面，里面有JavaScript。问题是，除非刷新页面，否则JavaScript无法工作。这是我的代码：

jQuery(function($) {
    var url = window.location.search.substring(1);
    $('#mydiv').load('real_news.asp?' + url);
});

Answer 1

像这样尝试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);
});

Answer 2

你的问题中并没有太多的指针和提示，所以我将用我看到它时立即浮现在脑海中的东西。

由于jQuery Mobile的“hijax”方法“Ajaxification”所有链接，Document ready不会在页面更改时启动。试试这个。。。

$(document).on("pageshow", function() {
    var url = window.location.search.substring(1);
    $('#mydiv').load('real_news.asp?' + url);
});

Answer 3

要了解这个问题，您需要了解jQuery Mobile的工作原理。

第一个问题是您试图初始化JavaScript的位置。从您之前的回答中，我可以看到您正在使用几个HTML/ASP页面，并且所有javascript都是从页面初始化的<代码>

这是因为当前加载的页面有一个

我不会在这里尝试发明温水，所以这里有我讨论这个问题的其他两个答案的链接。在那里可以找到几种解决方案：

>

为什么我要把所有的脚本index.html在jQuery mobile中（或者在这篇博客文章中）

除非刷新，否则链接无法工作

那里有更多足够的信息让你知道该怎么做。

这个问题的基本解决方案是：

1. 将所有JavaScript放入第一个HTML/ASP文件中
2. 将JavaScript移动到<代码>

正如Archer指出的，您应该使用页面事件来初始化您的代码。但让我告诉您更多关于这个问题的信息。与经典的普通网页不同，使用jQuery Mobile时，准备好的文档通常会在页面在DOM中完全加载/增强之前触发。

这就是创建页面事件的原因。有几种方法，但如果您希望代码只执行一次（如在文档就绪的情况下），则应使用pageinit事件。在任何其他情况下，请使用pagebeforeshow或pageshow。

如果您想了解更多关于页面事件的信息，以及为什么应该使用页面事件而不是文档就绪，请查看我个人博客上的这篇文章。或者在这里找到它。