css3 转换后的元素未触发 onClick 事件

Question

//编辑我的大脑陷入了困境。一切正常，这个问题是错误的和过时的

如果我旋转一个元素并尝试单击具有绑定 eventListener (onClick) 的元素，该事件将不会触发（悬停也关闭）。如果我删除转换，事件会按预期触发。 我知道，通过进行转换，元素只出现在不同的位置，但“实际上仍在其原始位置”。但是让一个元素转换却杀死它所有的 eventListeners 似乎很愚蠢..？有什么我应该深入研究的方向吗？

Answer 1

不确定您使用的是原始 JavaScript 还是 jQuery，但我没有问题：

---

div {
width: 50px;
height:50px;
Background: blue;
-WebKit-transform:rotate(45deg) translate(100px, 100px);
}

---

$('div').click(function(){
$(this).hide();
});

---

http://jsfiddle.net/JNM6x/

---

也许您可以发布您的代码？可能是其他事情给您带来了麻烦。