延迟链接点击

这是我正在使用的小提琴： http ： //jsfiddle.net/Scd9b/

点击后如何延迟hreffunction？

例如，用户单击链接，消息向下滑动一会儿……在2秒后，用户继续到其链接的页面。

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

Answer 1

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

https://codepen.io/anon/pen/PePLbv

 $("a.question[href]").click(function(e){ e.preventDefault(); if (this.href) { var target = this.href; setTimeout(function(){ window.location = target; }, 2000); } }); 

Answer 2

检查这个小提琴： 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 3

取消单击并使用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 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

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

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

例子 。

Answer 6

你的点击处理程序中的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 7

这应该这样做：

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