延迟的链路点击

Question

这里是我的工作小提琴：http://jsfiddle.net/Scd9b/

我怎样才能延缓点击后的HREF功能？

例如用户点击链接，消息滑落有一瞬间...和2秒后用户继续到其链接的页面。

对不起，每个人都忘了提及有一些没有链接的锚。

Answer 1

您可以模拟通过设置window.location的导航到一个页面。因此，我们将阻止该链接的正常功能与preventDefault，然后在setTimeout，我们将设置正确window.location的：

http://jsfiddle.net/LwFkn/3/

Answer 2

取消点击并使用setTimeout更改位置。

$(document).ready(function(){ 

    $("span.answer").hide(); 

    $("a.question").click(function(e){ 
     $(this).toggleClass("active").next().slideToggle("slow"); 
     e.preventDefault(); 
     var loc = this.href; 
     if(loc){ 
      window.setTimeout(function(){ window.location.href=loc; }, 2000); 
     } 
    }); 

}); 

Answer 3

防止链接的默认动作，首先。然后添加2秒的超时时间，然后将页面重定向到链接的href属性中的url。

$("a.question").click(function(e){ 
    e.preventDefault(); 
    $(this).toggleClass("active").next().slideToggle("slow"); 
    setTimeout(function(){ 
     location.href = $(this).prop("href"); 
    }, 2000); 
}); 

Example。

Answer 4

$(document).ready(function(){ 

    $("span.answer").hide(); 

    $("a.question").click(function(e){ 
     e.preventDefault(); 
     $(this).toggleClass("active").next().slideToggle("slow"); 
     var Link = $(this).attr("href"); 
     setTimeout(function() 
     { 
      window.location.href = Link; 
     },2000); 
    }); 

}); 

Answer 5

如何在您的点击处理程序e.preventDefault。然后做一个setTimeout，把你带到你的目的地？

$("a.question").click(function(e){ 
    e.preventDefault(); 
    $(this).toggleClass("active").next().slideToggle("slow"); 
    setTimeout('window.location.href=' + $(this).attr(href), 2000); 
}); 

Answer 6

检查此琴：http://jsfiddle.net/C87wM/1/

修改您的切换是这样的：

$("a.question[href]").click(function(){ 
    var self = $(this); 
    self.toggleClass("active").next().slideToggle(2000, function() { 
     window.location.href = self.attr('href'); // go to href after the slide animation completes 
    }); 
    return false; // And also make sure you return false from your click handler. 
}); 

Answer 7

这应做到：

$("a[href]").click(function() { 
    var url = this.href; 
    setTimeout(function() { 
     location.href = url; 
    }, 2000); 
    return false; 
});