CSS3轉換：發送輸入到轉化DIV

Question

這是我的代碼：http://jsfiddle.net/bnookala/b2Yz8/3/這是結果：http://jsfiddle.net/bnookala/b2Yz8/3/embedded/result/

行爲是非常簡單的：，三維變換髮生和藍色DIV點擊紅色的div後是可見的。試圖扭轉這種行爲（通過刪除flip類）不起作用。第二個jQuery.bind沒有收到click事件 - 它被紅色的div捕獲。這也很明顯，因爲輸入框（藍色div）不能接收鼠標焦點。我試過設置z-index來解決這個問題，但這似乎不起作用。

Answer 1

更改您的單擊事件的目標，這將工作：

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