Javascript 指定要添加类Jquery的正确类

我试图创建一个翻转过渡，我希望当用户单击信息按钮时激活此功能，但是我似乎无法针对

.card

类来激活翻转过渡

下面是我的jquery的一个片段

 $('.active-btn').click(function(){
            $(this).closest('.card').find('.flip')
            .addClass('flipped').mouseleave(function(){
        $(this).removeClass('flipped');
    });
    return false;
});

删除

.find（'.flip'）

应该会有所帮助，因为您对翻转

.card有兴趣

$(this).closest('.card').addClass('flipped').mouseleave(function(){

只需使用.card类作为选择器，而不是使用.card类的“最近”和“查找”

$（'.card'）.addClass（'flipped'）.mouseleave（函数（）

您将选择具有.card class的任何元素，并添加翻转的类。
.find（'.flip'）将查找具有find class inside.card元素的元素，这与您的HTML不同。正如@Roko所建议的那样：如果您删除.find（'.flip'），则会有所帮助从您的脚本中。另外，我看到您没有在css中为所有浏览器处理transform属性，如果您为transform处理所有浏览器，会更好

-webkit-transform: rotateY(-180deg);
-moz-transform:    rotateY(-180deg);
-ms-transform:     rotateY(-180deg);
-o-transform:      rotateY(-180deg);
transform:         rotateY(-180deg);

html会有所帮助，也许问题在于dom。你的小提琴坏了：
uncaughtreferenceerror:$未定义