Jquery.find类不工作

为什么这把小提琴不起作用

我找不到错误代码有人能解决这个问题吗

谢谢

jquery：

$(".flip-container").find(".front").addClass("frontflip");


.flip-container:hover .front {
    transform: rotateY(0deg);
}
.flip-container:hover .back {
    transform: rotateY(180deg);
}

旋转div，但当我使用

.frontflip {
    transform: rotateY(0deg);
}
.backflip {
     transform: rotateY(180deg);
}

.frontflip {
    transform: rotateY(0deg);
}
.backflip {
    transform: rotateY(180deg);
}

上面有正确的小提琴代码，不是吗

---

有人有主意吗？

你的小提琴没有包含

Jquery

，现在它可以工作了：

$(".flip-container").find(".front").addClass("frontflip");

---

工作小提琴：

addClass

必须有大写字母“C”

编辑：

作为对旋转问题的响应，它看起来确实有效，但您的

frontflip

类执行0度旋转，因此不会发生任何事情。如果将

addClass（“frontflip”）

更改为

addClass（“backflip”）

，则会看到一些更改

参见JSFiddle：

---

这不起作用，因为您没有在框架和扩展部分中引用jquery

两件事：

1） 您需要包括jquery库

2） addclass方法的语法不正确。应该是：

 $(".flip-container").find(".front").addClass("frontflip");

---

这把小提琴不起作用，因为您没有将Jquery包含在其中

addclass中的'c'应该是大写的，就像'addclass'

.flip-container:hover .front {
    transform: rotateY(0deg);
}
.flip-container:hover .back {
    transform: rotateY(180deg);
}

旋转div，但当我使用

.frontflip {
    transform: rotateY(0deg);
}
.backflip {
     transform: rotateY(180deg);
}

.frontflip {
    transform: rotateY(0deg);
}
.backflip {
    transform: rotateY(180deg);
}

上面有正确的小提琴代码，不是吗

---

有人有想法吗？

奇怪，我很确定我包含了jquery库，所以没有再次检查。谢谢你想让它一直旋转吗？或者仅当您将鼠标悬停在html元素上时？