javascript - jquery qtip2 : 伝播停止オプション

Question

私は次の構造を持っています

<div id="parent">
  Hello
  <div id="child">
    Child
  </div>
</div>

これで、クリック時に $('#parent') と $('#child') の両方で jQuery qTip v2 プラグインが有効になりました。しかし、子をクリックすると、親の qtip も表示されます。

「event.stopPropagation()」などを使用する必要があると思いますが、qtipでこれを有効にするにはどうすればよいですか?

Answer 1

イベントの伝播を停止するクリックハンドラーを子に追加することで、これを解決しました。

$('#child').click(function(e){
  e.stopPropagation();
});

qTip は引き続きクリック イベントを取得し、ツールチップを表示します。