jQuery的擴展不工作的多個實例

Question

我在這裏蓋了此琴：http://jsfiddle.net/4wBK4/

和正在發生的事情是，如果只使用一個cardFlip HTML塊（它是綠色的），它按預期工作。你點擊裏面的switch元素，它會起作用。

但是，只要我在頁面上有兩個這樣的東西 - 就像在小提琴的情況下，直到你刪除它們中的一個 - ，沒有任何工作了。

但沒有得到它。我認爲我做得對，並且每個實例都應該有自己的事件被解僱 - 但我想我誤解了CSS動畫如何應用於元素。

Answer 1

做一些東西（雙關語意），也看到這個（jquery plugin multiple instance not working）的問題後，我意識到自己的錯誤：

的問題是.on()事件。我將其從$(document).on({...},'.context')更改爲：$(this).parents('.context').on({...})