CSS3转换：发送输入到转化DIV

这是我的代码：http://jsfiddle.net/bnookala/b2Yz8/3/这是结果：http://jsfiddle.net/bnookala/b2Yz8/3/embedded/result/CSS3转换：发送输入到转化DIV

行为是非常简单的：，三维变换发生和蓝色DIV点击红色的div后是可见的。试图扭转这种行为（通过删除flip类）不起作用。第二个jQuery.bind没有收到click事件 - 它被红色的div捕获。这也很明显，因为输入框（蓝色div）不能接收鼠标焦点。我试过设置z-index来解决这个问题，但这似乎不起作用。

来源

2012-01-18 bhargav

更改您的单击事件的目标，这将工作：

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

来源

2012-01-18 14:49:35

切换类没有解决的暂时无法提供输入焦点到文本输入的问题，虽然。 – bhargav 2012-01-18 18:44:13

翻转后，添加：$（'。face input'）。focus（） – 2012-01-18 18:53:40

好吧，这是解决它的一种方法......但我更期待通过CSS完成解决方案。例如，如果我有其他类型的内容，而不仅仅是文本输入？即：如果我在蓝色的div中有一个按钮，我怎么能期望任何绑定的功能点击时实际触发？ – bhargav 2012-01-18 19:43:48

CSS3转换：发送输入到转化DIV

回答

相关问题