单击任何标签时使用 JQuery 显示加载消息

Question

该站点的页面包含常规的<a> 标记，有些具有用于 CSS 的类定义。 每个<a> 对站点上的其他页面都有一个href="" 定义。 我想要的是，每当点击页面上的任何<a> 时，jQuery 都会显示一条加载消息。

这就是我目前所拥有的 jQuery：

$(document).ready(function() {
    $("a").click(function() {
        $("#loading").show("fast");
    });
});

但它不会导致#loading div 在<a> 标签被点击时显示。该站点开始加载定义的href=""，大约 20 秒后显示请求的页面。 由于该站点从外部数据库检索大量数据，因此页面加载需要 5 到 30 秒。我希望通过显示#loading div 来通知查看者此加载时间。

Answer 1

我发现了问题所在。 jQuery 很好，html 和 CSS 不是问题。 问题是（这真的很愚蠢）我忘记将 .js 文件加载到 html 页面中。

我在布局页面中添加了<script src="./view/jquery/clickload.js"></script>，它运行良好。这是一个愚蠢的错误。