jquery - 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');                
});