这是我的代码: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来解决此问题,但这似乎不起作用。

最佳答案

更改您的点击事件的目标,它将起作用:

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

10-05 21:06
查看更多