javascript - 在所有普通 anchor 标记上使用 jQuery 执行页面加载

Question

我有一个网站 here带有深色 Bootstrap 主题。我尝试了各种技巧来消除页面加载时的白色闪烁，但它们只在大约一半的时间内起作用。

我可以使用 jQuery 来“拦截”链接并异步加载它们，这样就没有 flash 了吗？

我不想更改菜单栏等中的实际链接格式，因为这需要修改我的 CMS。除了自动生成的导航，我可以更改站点模板的所有内容。

Answer 1

您可以绑定(bind)所有超链接，或使用正确的 CSS 选择器定位您想要的超链接，并阻止默认行为，然后只需执行 ajax 查询以获取页面并从那里做任何您想做的事情。

$("a").on("click", function(event) {
    event.preventDefault();
    $.get(this.href, function(data) {
        // do stuff
    });
});