jquery - evento - trigger click javascript

jQuery onclick elementos múltiples con la misma clase

Question

He estado buscando bastante este, y creo que estoy en la cúspide de la respuesta, ¡pero estoy atascado! Básicamente, estoy buscando hacer clic en un elemento que a su vez hará clic en otros dos elementos de la misma clase. Cuando hago esto, se hace clic en un elemento, mientras que el otro no:

jQuery(''.et-pb-arrow-prev'').on(''click'', function(){
    jQuery(''a.et-pb-arrow-prev'').click();
    console.log(''DONE'');
});

Puedo cambiar los elementos para que no se haga clic en el elemento, se haga clic en lugar del otro, pero no puedo hacer que los otros elementos hagan clic. En cambio, estoy obteniendo esto como un error:

Uncaught RangeError: Maximum call stack size exceeded

Creo que ya casi estoy allí, pero ahora estoy perdido. Cualquier ayuda sería apreciada.

Answer 1

Cuando activa el clic, el manejador de clics del elemento actual recibe una nueva llamada que es la razón del error de la pila de llamadas.

jQuery(''.et-pb-arrow-prev'').on(''click'', function(e, manual) {
  if (typeof manual === ''undefined'' || manual === false) {
    jQuery(''a.et-pb-arrow-prev'').not(this).trigger(''click'', true);
    console.log(''Triggered'', this.textContent.trim());
  } else {
    console.log(''DONE'', this.textContent.trim());
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="et-pb-arrow-prev" href="#">1</a>
<a class="et-pb-arrow-prev" href="#">2</a>
<a class="et-pb-arrow-prev" href="#">3</a>
<a class="et-pb-arrow-prev" href="#">4</a>

Answer 2

Es un ciclo infinito debido a que está obteniendo el error mencionado. Intente utilizar un nombre diferente para el elemento al que está vinculando el evento click en el que está tratando de hacer clic en otros dos elementos que tienen la misma clase.

Aquí está la muestra jsfiddle, donde he usado la clase .wrapper . Espero que esto ayude.

Answer 3

el problema aquí es que su función de llamada se presenta como una función infinita significa que el primer clic se basa en la clase .et-pb-arrow-prev que activará otro evento de clic que también es una clase .et-pb-arrow-prev y por lo tanto continuará

así que mi consejo es poner identificadores en lugar de clases para hacer clic en eventos