通过单击href url加载新页面时，不会调用JavaScript中的函数

Question

我正在使用jQuery移动创建web应用程序。我有一个关于href链接和我的javascript代码的问题。下面是我的index.html和curate.html中的javascript代码：

$(document).ready(function(){
   alert("Hello!");
});

在html代码中，它只是一个导航栏的代码：

<ul>
    <li><a href="index.html">Home</a></li>
    <li><a href="curate.html">curate</a></li>
</ul>

所以问题是:当我在主页上，例如，点击策展链接到策展页面，警报将不会弹出。这个函数似乎没有在javascript中被调用。但是，如果我重新加载curate页面，它就可以工作。从策展页面到主页也存在同样的问题。

如果我把html代码改成

<ul>
    <li><a href="index.html" >Home</a></li>
    <li><a onclick="gotoCurate()">curate</a></li>
</ul>

并在index.html中添加js代码：

function gotoCurate() { 
    window.location="curate.html"
}

类似于策划者页面。

我猜也许在使用href时，页面并没有真正加载。我在头部添加了<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">，但它不起作用。出于某些原因，我想使用href在页面之间进行定向。那么有谁知道如何在保留href链接的同时修复这个问题呢？

谢谢!

Answer 1

这个问题是由jQuery手机引起的。以下是详细信息：http://jquerymobile.com/demos/1.0a4.1/docs/pages/docs-pages.html

Answer 2

您需要更改：

$(document).ready(function(){alert("Hello!");

至：

$(document).ready(function(){alert("Hello!")});

我还将结构分解为不同的行，这将使您在未来可能想要改进系统时更加清晰。

Answer 3

要查看在使用javascript进行开发时出了什么问题，您应该使用导航器的开发人员控制台，它非常有用