Pregunta

ok, así que básicamente tengo esto:

<div id="tabs">
 <div id="unique_id" class="tab_link" onclick="changeTab(this);">
  <div id="tab_link_image" onclick="closeTab(this);">
   <image src="image.jpg" />
  </div>
 </div>
</div>

Ahora en la función closeTab lo tengo eliminando la pestaña de la página. En la función changeTab, tengo la opción de alternar entre una clase que está activa o no activa para cada una de las clases tab_link basadas en la identificación tab_links (la identificación es única para cada una). Al final de la función closeTab, llamo a la función changeTab para activar la primera pestaña. Cuando haces clic en un tab_link todo funciona bien. Sin embargo, al hacer clic en tab_link_image para cerrar la pestaña, existe un problema. Cierra la pestaña bien, llama a changeTab y configura la pestaña como activa, pero también activa la función changeTab nuevamente desde el evento original de pestañas onclick. ¿Hay una manera de hacer que esto no se dispare cuando se hace clic en tab_link_image? Esperemos que tenga sentido.

¿Fue útil?

Solución

Eche un vistazo a las burbujas de eventos y al enlace de eventos adecuado. Creo que encontrará mucha información útil en jQuery docs

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top