javascript - jquery触发多次点击

Question

我有一个带有 4 个链接的选项卡。

我想通过 jQuery 单击它。我用它作为第一个链接:

$("a[data-search='a1']").delay(2000).trigger('click');

它有效。

现在我也想为其他链接执行此操作:

$("a[data-search='a1']").delay(2000).trigger('click');
$("a[data-search='a2']").delay(2000).trigger('click');
$("a[data-search='a3']").delay(2000).trigger('click');
$("a[data-search='a4']").delay(2000).trigger('click');

但它仅在第一次触发时运行一次。

我也尝试过间隔方法(请不要建议它)。我认为我无法使用触发器(“点击”)多重。

出了什么问题？

现场演示:https://jsfiddle.net/1fvqvjb3/8/

Answer 1

我可能会误解您想要执行的操作，但看起来您似乎希望连续单击每个链接。 jQuery .delay() 函数是非阻塞的，因此它不会在每次单击之间等待 2 秒；相反，会有 2 秒的延迟，然后所有 4 个链接都会被同时单击，这肯定看起来就像只单击了一个链接。

我不确定您不希望建议的“间隔方法”是什么意思，但也许解决您的问题的最佳方法是使用 setTimeout()。

(function f(i) {
    setTimeout(function() {
        $('a[data-search="a' + i + '"]').click();
        if (i < 4) f(i+1);
    }, 2000);
})(1);

这是 IIFE 的示例，我强烈建议 reading up on如果您还不熟悉它们。