使用jQuery单击链接时如何重定向到带有消息的外部URL

使用jQuery单击链接时如何重定向到带有消息的外部URL,jquery,jquery-plugins,Jquery,Jquery Plugins,我在一个页面上有几个链接,当用户单击链接时,需要让用户知道他们正在被重定向到外部源。我如何截获或显示一条消息,该消息说您正在重定向到一个外部源,并停留5秒钟,然后将用户重定向到单击链接中的URL?阻止默认操作,弹出一个确认或一个带有设置超时的对话框,并通过编程重定向: $('a.external').on('click', function(e) { return ( confirm('you are being redirected to ' + this.href) ); });

我在一个页面上有几个链接,当用户单击链接时,需要让用户知道他们正在被重定向到外部源。我如何截获或显示一条消息,该消息说您正在重定向到一个外部源,并停留5秒钟,然后将用户重定向到单击链接中的URL?

阻止默认操作,弹出一个确认或一个带有设置超时的对话框,并通过编程重定向:

$('a.external').on('click', function(e) {
    return ( confirm('you are being redirected to ' + this.href) );
});

请注意,这被认为是错误的用户体验,尤其是等待5秒钟重定向会让大多数用户离开?

阻止默认操作,弹出确认或设置超时的对话框,并通过编程重定向:

$('a.external').on('click', function(e) {
    return ( confirm('you are being redirected to ' + this.href) );
});

请注意,这被认为是不好的用户体验,尤其是等待5秒钟重定向会让大多数用户离开?

上述答案应显示一个确认拨号,如果您想在上述时间后重定向,请执行以下操作:

$('a.external').on('click', function(e) {
    e.preventDefault();
    $('.PopUpMessage').show();

    var redirect = setTimeout(function(){
        window.location.href = this.href;
    }, 5000);
});
“.PopUpMessage”包含您的邮件,默认情况下是隐藏的

如果你想变得花哨,你甚至可以倒数秒。。。像

此HTML将包含在您的邮件中

<p>You will be redirected in<span id="sec">5</span></p>

上面的答案应该显示一个确认拨号,如果您想在所述时间后重定向,您需要执行以下操作:

$('a.external').on('click', function(e) {
    e.preventDefault();
    $('.PopUpMessage').show();

    var redirect = setTimeout(function(){
        window.location.href = this.href;
    }, 5000);
});
“.PopUpMessage”包含您的邮件,默认情况下是隐藏的

如果你想变得花哨,你甚至可以倒数秒。。。像

此HTML将包含在您的邮件中

<p>You will be redirected in<span id="sec">5</span></p>

+1而不是阻止默认值,您可以直接返回确认。@Orbling-这是一个很好的点,因为它返回的是真/假。+1而不是阻止默认值,您可以直接返回确认。@Orbling-这是一个很好的点,因为它返回的是真/假。这倒计时也是我真正应该做的事情,谢谢你的回答!这倒计时也是我真的应该做的,谢谢所有伟大的答案!