Domanda

ok quindi sostanzialmente ho questo:

<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>

Ora nella funzione closeTab ce l'ho rimuovendo la scheda dalla pagina. Nella funzione changeTab ho attivato / disattivato una classe che è attiva o non attiva per ogni classe tab_link basata sull'id tab_link (l'id è unico per ognuno). Nella funzione closeTab alla fine chiamo la funzione changeTab per rendere attiva la prima scheda. Quando fai clic su un tab_link tutto funziona bene. Tuttavia, quando si fa clic su tab_link_image per chiudere la scheda, si verifica un problema. Chiude bene la scheda, chiama changeTab e imposta la scheda su attiva, ma attiva anche la funzione changeTab dall'evento onclick delle schede originali. C'è un modo per evitare che ciò si attivi quando si fa clic su tab_link_image. Spero che abbia senso.

È stato utile?

Soluzione

Dai un'occhiata al gorgoglio degli eventi e alla corretta associazione degli eventi, penso che troverai molte buone informazioni in jQuery docs

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top