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/

---

也许你可以发布你的代码？它可能是让你麻烦的其他东西。