我正在使用 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 链接的同时解决问题?
谢谢!
最佳答案
您需要更改:
$(document).ready(function(){alert("Hello!");
至:
$(document).ready(function(){alert("Hello!")});
我还会将结构分解为不同的行,这样当您将来想要改进系统时会更加清晰。
关于javascript - 通过单击 href url 加载新页面时不会调用 JavaScript 中的函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10579927/