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-indexes 来解决这个问题，但这似乎不起作用。

Answer 1

更改点击事件的目标，这将起作用：

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