Javascript 元素'上没有鼠标事件；s背面

我正在编写一个web应用程序，其中包含一个类似于页面上第一个示例的“卡片翻转”动画（尽管我通过单击而不是悬停来触发动画）。翻转正在工作，但当动画完成且

背面

可见时，元素上没有注册鼠标事件-单击、悬停，甚至文本选择。你知道为什么鼠标事件没有注册吗

这是一把小提琴：

我用的是Chrome29。我的应用程序只需在此浏览器中运行。

要解决评论中的问题，您只需更改以下CSS：

.flipped {
    -webkit-transform: rotateY(180deg);
    -webkit-backface-visibility: visible;
}

以下是我所说的活动代表团

$(".flip-container").on('click','.flip-trigger',function () {
    $(".flip-card").toggleClass("flipped");
});

因为我已经告诉

.on（）

事件要用

.flip container

类绑定到元素，所以它现在可以为当前（或将来）作为节点列表实体的任何元素激活！例如，

.flip trigger

，它在卡片翻转之前绑定在卡片上。现在，要让它翻转过来（或其他），您可以执行以下操作：

$(".flip-container").on('hover','.flipped',function () {
    alert('This is a flipped over card!');
});

---

听起来您需要使用

.on（）

方法进行委托，因为这是DOM中第一次出现

backface

。如果您创建一个jsFiddle会更容易。@DevlshOne检查一下我在编辑中添加的小提琴。翻牌后您没有任何鼠标事件要注册，是吗？不管怎么说，这把小提琴不行。谢谢你看。

flip-trigger

元素应该仍然切换

flipped

类，即使在元素被转换之后也是如此。另外请注意，背面的文本无法选择，并且

背面容器

的

光标：指针

CSS属性似乎被忽略。请参阅下面的我的答案…感谢您的回答。我很惊讶.on（）方法是必要的-backface不是已经存在于页面加载时的节点列表中，只是不可见吗？另外，为什么在这个示例中：jsfiddle.net/NathanFriend/rDJBp.flipped类不需要backface visiblity属性？