クリック機能のjquery

StackOverflow https://stackoverflow.com/questions/1617202

  •  06-07-2019
  •  | 
  •  

質問

OKだから基本的に私はこれを持っている：

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

closeTab関数では、ページからタブを削除しています。 changeTab関数では、tab_links idに基づいてtab_linkクラスのそれぞれに対してアクティブまたは非アクティブのクラスを切り替えることができます（IDは各クラスで一意です）。最後のcloseTab関数でchangeTab関数を呼び出して、最初のタブをアクティブにします。 tab_linkをクリックすると、すべてが正常に機能します。ただし、tab_link_imageをクリックしてタブを閉じると問題が発生します。タブを正常に閉じ、changeTabを呼び出してタブをアクティブに設定しますが、元のタブonclickイベントからchangeTab関数を再度起動します。 tab_link_imageがクリックされたときに起動しないようにする方法はありますか。うまくいけばそれが理にかなっています。

役に立ちましたか？

解決

イベントバブリングと適切なイベントバインディングを見てください。 jQueryドキュメント

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top