触发单击时超出最大调用堆栈大小

问题描述

我真的想做一些简单的事情。点击某个元素后，我触发了另一个元素的点击，但我在我的控制台上收到了以下错误。

I really want to do something simple. On click on a certain element, i trigger a click on another element but i get the below error on my console.

未捕获RangeError：最大值调用堆栈大小超过

我的代码如下;

$('body').on('click', '.actual-click-element', function(event) {
    $('.trigger-click-element').trigger('click');
    event.preventDefault();
});

我想知道为什么会出现这个错误，我不知道这是如何递归的。有什么想法？

I wonder why am am getting this error and i don't see how this is recursive. Any ideas?

推荐答案

当然因为 .trigger-click-element 是 .actual-click-element的后代 ...

为了避免递归调用，你可以使用jq ：

To avoid recursive call, you could use jq triggerHandler():

$('body').on('click', '.actual-click-element', function(event) {
    $('.trigger-click-element').triggerHandler('click');
    event.preventDefault();
});

现在如果 $（'。trigger-click-element'）返回多个元素，您可以使用：

Now if $('.trigger-click-element') returns more than one element, you could use:

$('.trigger-click-element').each(function(){$(this).triggerHandler('click');});

这篇关于触发单击时超出最大调用堆栈大小的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！