javascript - 页面转换，取决于 URL

Question

此代码在转到 URL 的目标之前淡出每个页面。但是，在某些情况下，用户不会转到新页面，而是转到浏览器中的 PDF，或者打开默认邮件应用程序。在 Safari 上，如果您转到外部站点 (www.twitter.com) 并按下后退按钮，.wrapper 仍然会淡出。 (也许是缓存的东西？)

function fadeAndGo(x) {

        $(x).click(function (e) {
        e.preventDefault();
        var href = this.href;
        $('.wrapper').fadeOut(function(){
            window.location = href;

        });
        // $('.wrapper').delay()fadeIn();
    });
}

fadeAndGo('a');

是否可以:

• 淡出，仅当 URL 不包含“PDF，mailto”或者是外部链接时？
• 在一定时间后淡入(它淡出，但在几秒钟后淡入，以防它是 PDF/mailto)。

Answer 1

试试这个:

function fadeAndGo(x) {
    $(x).click(function (e) {
        e.preventDefault();
        var href = $(this).attr("href");
        if (!/PDF|mailto/gi.test(href)) {
            $('.wrapper').fadeOut(function () {
                window.location = href;
            }).delay(2000).fadeIn();
        } else {
             window.location = href;
        }
    });
}

fadeAndGo('a');