javascript - 单击我网站上的任何链接 (a) 时如何运行 jQuery 函数

Question

我有一个建立在 corecommerce 系统上的新网站，它不能访问 HTML 也不能访问 PHP。我唯一可以使用的是 JavaScript。他们的系统目前在页面加载速度上不是很好，所以我希望至少客户在等待 5-8 秒加载页面时知道发生了什么事情。所以我找到了一些代码并将它们放在一起以在页面加载时显示叠加加载 GIF。目前，如果您单击页面上的任意位置，它就会运行，但我希望它仅在单击网站上的链接(href)(任何链接)时运行。

我知道你可以编写一个在页面加载时运行的代码，但这还不够好，因为它会执行得太晚(几秒后)

无论如何，这是我的网站 www.cosmeticsbynature.com，这是我使用的代码。任何帮助都会很棒。

<div id="loading"><img src="doen'tallowmetopostanimage" border=0></div>


<script type="text/javascript">
var ld=(document.all);
var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;
  if (ns4)
 ld=document.loading;
 else if (ns6)
 ld=document.getElementById("loading").style;
 else if (ie4)
 ld=document.all.loading.style;
jQuery(document).click(function()
{
if(ns4){ld.visibility="show";}
else if (ns6||ie4)
var pb = document.getElementById("loading");
pb.innerHTML = '<img src="http://www.cosmeticsbynature.com/00222-1/design/image/loading.gif" border=0>';
ld.display="block";
});
</script>

Answer 1

如果您在页面中包含 jQuery，这样做会更容易。完成后，您可以执行以下操作:

$('a').click(function() {
 // .. your code here ..
 return true; // return true so that the browser will navigate to the clicked a's href
}