使用jQuery觸發器，triggerHandler或模擬時的「this」引用

Question

我們的CSS傢伙有一個圖標疊加視頻的圖像縮略圖。當用戶點擊縮略圖時，視頻應該播放（並且它！），但是當他們點擊疊加的「播放」圖像時，該圖像消耗點擊並且不直接傳遞到底層圖像。

所以我搜索並找到了jQuery的trigger（）函數，並將它添加到圖標點擊處理程序來觸發縮略圖處理程序，並且它工作正常除了縮略圖點擊運行時，「this」引用是爲圖標，而不是相應的縮略圖。

我試過triggerHandler（）和jQuery的內部模擬（）函數，它們都是一樣的。

在事件處理程序中，我需要實際縮略圖的ID而不是疊加圖標。

有無論如何有一個疊加的圖像忽略點擊，只是讓它向上（或向下）的Z順序的其他東西？或者甚至簡單地解僱他們兩個？

Answer 1

return true;在父事件（疊加「播放」圖像）將繼續到子事件（縮略圖）

Answer 2

您可以使用css點擊通過，使用指針事件無css pointer-events: none。這並不適用於IE10和下面的工作，但你可以使用這個填充工具：

https://github.com/kmewhort/pointer_events_polyfill