Jquery .find类无法正常工作

Question

为什么这个小提琴不起作用？

http://jsfiddle.net/gupmgz0s/

我无法找到他的代码中的错误，是否有人为此解决了问题？

谢谢！

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);
}

上面有正确的小提琴代码吗？

有人有想法吗？

Answer 1

addClass必须有资金＆＃39; C＆＃39;

修改

为了解决您的轮换问题，它看起来确实有效，但是您的frontflip类会进行0度旋转，所以没有任何反应。如果您将addClass("frontflip")更改为addClass("backflip")，那么您会看到一些更改。

参见JSFiddle： http://jsfiddle.net/gupmgz0s/12/

Answer 2

两件事：

1）您需要包含jquery库。

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

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

Answer 3

你小提琴没有包含Jquery，现在它正在运作：

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

工作小提琴：http://jsfiddle.net/robertrozas/e63ycx2k/1/

Answer 4

这不起作用，因为您没有在框架和＆amp;中引用jquery。扩展程序部分

Answer 5

这个小提琴不起作用，因为你还没有把Jquery包含在里面。

和＆＃39; c＆＃39;在addclass中应该是像'addClass＆＃39;

这样的资本

Answer 6

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

旋转div但是当我使用

时

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

上面有正确的小提琴代码吗？

有人有想法吗？