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

Question

我正在使用 jQuery Mobile 创建一个 Web 应用程序。我的 href 链接和我的 JavaScript 代码有问题。这是我的 index.html 中的 javascript 代码和curate.html :

$(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 中调用。但是，如果我重新加载策划页面，它就会起作用。从策划页面到主页都有同样的问题。

如果我将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

您需要更改:

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

至:

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

我还会将结构分解为不同的行，这样当您将来想要改进系统时会更加清晰。