Se excedió el tamaño máximo de la stack de llamadas al hacer clic en el botón

Tengo muchas ganas de hacer algo simple. Al hacer clic en un elemento determinado, desencadené un clic en otro elemento pero obtengo el siguiente error en mi consola.

Uncaught RangeError: Maximum call stack size exceeded

Mi código es el siguiente;

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

Me pregunto por qué estoy recibiendo este error y no veo cómo esto es recursivo. ¿Algunas ideas?

Seguramente porque .trigger-click-element es descendiente de .actual-click-element

Para evitar una llamada recursiva, puede usar jq triggerHandler () :

Los eventos activados con .triggerHandler () no aceleran la jerarquía DOM; si no son manejados directamente por el elemento de destino, no hacen nada.

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

Ahora, si $('.trigger-click-element') devuelve más de un elemento, podría usar:

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