jquery - jQuery扩展不适用于多个实例

Question

我把这个小提琴放在这里： //jsfiddle.net/4wBK4/

发生的情况是，如果您只使用一个cardFlipHTML 块（它是绿色的），它会按预期工作。你点击switch里面的元素，它就会产生效果。

但是，一旦我在页面上有两个这样的 - 就像小提琴中的情况一样，直到你删除其中一个 - 就没有任何效果了。

但我不明白。我认为我做得对，每个实例都应该触发自己的事件——但我想我误解了 CSS 动画是如何应用于元素的。

Answer 1

After doing some fiddling (pun intended), and also seeing this (jquery plugin multiple instance not working) question, I realized my error:

The problem is the .on() event. I changed it from $(document).on({...},'.context') to this: $(this).parents('.context').on({...})