jQueryトリガー、トリガーハンドラー、またはシミュレートを使用するときの「this」リファレンス

Question

私たちのcssの人は、ビデオのサムネールの上にアイコンを重ねて表示しています。ユーザーがサムネイルをクリックすると、動画が再生されます（ただし再生されます）が、オーバーレイする「再生」画像をクリックすると、その画像はクリックを消費し、その画像は直接下の画像に渡されません。

jQueryのtrigger（）関数を検索し、アイコンクリックハンドラに追加してサムネイルハンドラをトリガし、サムネイルクリックが実行されたときにアイコン "this"対応するサムネイルではありません。

私はtriggerHandler（）とjQueryの内部simulate（）関数を試してみましたが、すべて同じです。

イベントハンドラでは、オーバーレイアイコンではなく実際のサムネイルのIDが必要です。

オーバーレイ画像をクリックして無視して、それをzオーダーの別のものにバブルアップ（またはダウン）させますか？あるいは単にそれらを両方とも発射することさえできますか？

Answer 1

return true;子イベント（サムネイル）に続けて子イベント（サムネイル）に継承します。

Answer 2

ポインタイベントを使用して、cssクリックスルーを使用できます。css pointer-events: noneこれは、以下のIE10と機能しませんが、あなたはこのポリフィル使用することができます

https://github.com/kmewhort/pointer_events_polyfill