jQuery滑块在第4次单击时重定向

jQuery slider redirect on 4th click

本文关键字：单击 重定向 4次 jQuery      更新时间：2023-09-26

我在这里使用jQuery Superslides插件：http://dougalpaterson.com.s69396.gridserver.com我想在第4次点击下一个箭头时（在最后一张幻灯片之后）将用户重定向到主网站，而不是再次循环播放幻灯片。

我已经设法使用这个js:将地址添加到href

$('#slides').superslides({
  animation: 'fade'   
});
var clicked=0;
$('a.next').on('click', function (e) {
clicked++;
if (clicked >= 3) {
    clicked = 0;
    $("a.next").attr("href", "http://www.google.com/");
} else {
    e.preventDefault();
}
});

但当我点击箭头时，它不会将用户发送到URL。我认为这可能是因为：

e.preventDefault();

在原始插件中。

如何删除preventDefault，以便将用户发送到我想要的URL？

提前感谢！！

正如您怀疑的那样，是preventDefault（）方法阻止了链接的默认行为（将用户发送到href）。所以你可以做的（如果你只想在第四次点击时将用户发送到某个URL）就是改变：

$("a.next").attr("href", "http://www.google.com/");

至：

window.location = "http://www.google.com/";

这将重定向用户，而不是设置链接的href。

如果你连续按下一个链接四次，这会起作用。如果你推送这个序列，它也会起作用：.next->.prev->.next->.pev->.next，这可能不是你想要的（因为无论用户实际在幻灯片中的哪个位置，它都会计算点击.next链接的次数）。

因此，更好的解决方案可能是在单击.next链接时检查用户是否真的在最后一张幻灯片上，如果是：重定向用户。

相关文章：