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

我正在使用jQuery Mobile创建一个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中调用。但是，如果我重新加载策展页面，它可以工作。从策展页面到主页的相同问题。

如果我将 html 代码更改为

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

并在索引中添加 js 代码.html：

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

类似于策展页面。

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

谢谢！