jquery - 如何自动点击我的图像 slider 的 'next' 箭头？

Question

我正在开发的一个网站正在使用 Wordpress 中的 Semplice 主题。他们有一个不会自动播放的内置 slider 。我的解决方法是尝试让 jquery 每 5 秒自动单击 slider 上的“下一个”箭头，但是当我单击页面上的另一个链接时让它停止，因为我发现它不会让我加载另一个页面，因为它一直自动单击“下一个” '.我尝试了下面的代码，它会自动点击到下一张幻灯片，但之后停止了。

这是我正在尝试的代码(自定义 jquery 需要包装在 semplice 的函数中)

(function ($) {
    $(document).ready(function () {
        interval = setInterval(function () {
            $("a.next").trigger('click');
        }, 5000);
    });
    $(':not(a.next)').on('click', function () {
        clearInterval(interval);
    });
})(jQuery);

感谢任何帮助!

Answer 1

代替 $("a.next").trigger('click'); 试试 $("a.next").click();

$(document).ready(function () {
      $("a.next").click(function(e){
           e.preventDefault();
      });
      interval = window.setInterval(function () {
          $("a.next").click();
      }, 5000);
});

除非你有一个阻止默认值，否则 anchor 会尝试重新加载或将你发送到一个新页面，因为我不知道其他插件在做什么我不能告诉这是否有效，你应该阅读文档的插件，看看如何实现你想要的。