CSS3转换：将输入发送到转换后的div

Question

这是我的代码：http://jsfiddle.net/bnookala/b2Yz8/3/，结果如下：http://jsfiddle.net/bnookala/b2Yz8/3/embedded/result/

行为非常简单：点击红色div后，会发生3D变换，并使蓝色div可见。但是，尝试撤消此行为（通过删除flip类）不起作用。第二个jQuery.bind未收到click事件 - 红色div正在捕获它。这也很明显，输入框（蓝色div）无法接收鼠标焦点。我已经尝试设置z-index来解决这个问题，但这似乎不起作用。

Answer 1

更改点击事件的目标，这将有效：

$("#card").on('click', function () {
    $(this).toggleClass('flip');                
});