blocks|key|633553|text|你的小提琴不包括Jquery，现在它起作用了：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|633554|$(".flip-container").find(".front").addClass("frontflip");|code-block|syntax|javascript|633555|工作小提琴：http://jsfiddle.net/robertrozas/e63ycx2k/1/|633556|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/robertrozas/e63ycx2k/1/^0|8|6|0|0|6|17|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|M|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

You fiddle doesn't have <code>Jquery</code> included, now it's working: 

<pre><code>$(".flip-container").find(".front").addClass("frontflip");
</code></pre>

<h3>Working fiddle: <a href="http://jsfiddle.net/robertrozas/e63ycx2k/1/" rel="nofollow">http://jsfiddle.net/robertrozas/e63ycx2k/1/</a></h3>

blocks|key|633597|text|addClass必须有一个大写字母C|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|633598|编辑：|BOLD|633599|作为对旋转问题的回应，它看起来确实有效，但是您的frontflip类执行0度旋转，所以什么都不会发生。如果将addClass("frontflip")更改为addClass("backflip")，则会看到一些更改。|633600|参见JSFiddle:+http://jsfiddle.net/gupmgz0s/12/|633601|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/gupmgz0s/12/^0|0|8|0|0|3|0|O|9|1I|L|26|K|0|0|B|C|W|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|X|8|@$9|Y|A|Z|B|H]]|D|@]|E|$]]|$1|I|3|J|5|6|7|10|8|@$9|11|A|12|B|C]|$9|13|A|14|B|C]|$9|15|A|16|B|C]]|D|@]|E|$]]|$1|K|3|L|5|6|7|17|8|@$9|18|A|19|B|H]]|D|@$9|1A|A|1B|1|1C]]|E|$]]|$1|M|3|-4|5|6|7|1D|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

<code>addClass</code> must have a capital 'C'

Edit:

In response to your rotation issue, it looks like it does work but your <code>frontflip</code> class does a 0 degree rotation so nothing happens. If you change the <code>addClass("frontflip")</code> to <code>addClass("backflip")</code> then you'll see some changes.

See JSFiddle:
<a href="http://jsfiddle.net/gupmgz0s/12/" rel="nofollow">http://jsfiddle.net/gupmgz0s/12/</a>

blocks|key|633620|text|有两件事：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|633621|1)您需要包括jquery库。|633622|2)+addclass方法语法不正确。它应该是：|633623|+$(".flip-container").find(".front").addClass("frontflip");|code-block|syntax|javascript|633624|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|O|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|P|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Two things:

1) You need to include jquery library.

2) You have incorrect syntax for addclass method. it should be:

<pre><code> $(".flip-container").find(".front").addClass("frontflip");
</code></pre>

blocks|key|671549|text|这是不起作用的，因为在框架和扩展部分中没有引用jquery。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|671550|entityMap^0|B|5|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

This is not working because you are not referencing jquery in Frameworks &amp; Extensions section

blocks|key|633655|text|这个小提琴不起作用，因为您还没有在其中包含Jquery。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|633656|加法类中的'c‘应该是'+addclass’这样的大写字母。|633657|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

This fiddle is not working because you haven't included the Jquery in it.

and 'c' in addclass should be capital like 'addClass'

blocks|key|1063838|text|.flip-container:hover+.front+{
++++transform:+rotateY(0deg);
}
.flip-container:hover+.back+{
++++transform:+rotateY(180deg);
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1063839|旋转div，但是当我使用|unstyled|1063840|.frontflip+{
++++transform:+rotateY(0deg);
}
.backflip+{
++++transform:+rotateY(180deg);
}|1063841|上面有正确的小提琴密码，不是吗？|1063842|有人有主意吗？|1063843|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$B|C]]|$1|I|3|J|5|F|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|F|7|T|8|@]|9|@]|A|$]]]|N|$]]

<pre><code>.flip-container:hover .front {
 transform: rotateY(0deg);
}
.flip-container:hover .back {
 transform: rotateY(180deg);
}
</code></pre>

Does rotate the divs but when i use

<pre><code>.frontflip {
 transform: rotateY(0deg);
}
.backflip {
 transform: rotateY(180deg);
}
</code></pre>

with the right fiddle code above it doesnt?

Does someone have a idea?

Why isn't this fiddle working?

<a href="http://jsfiddle.net/gupmgz0s/" rel="nofollow">http://jsfiddle.net/gupmgz0s/</a>

I can't find the misstake in t his code does someone have a solution for this?

Thanks!

jquery:

<pre><code>$(".flip-container").find(".front").addClass("frontflip");


.flip-container:hover .front {
 transform: rotateY(0deg);
}
.flip-container:hover .back {
 transform: rotateY(180deg);
}
</code></pre>

Does rotate the divs but when i use

<pre><code>.frontflip {
 transform: rotateY(0deg);
}
.backflip {
 transform: rotateY(180deg);
}
</code></pre>

with the right fiddle code above it doesnt?

Does someone have a idea?

Jquery .find class not working

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

为什么这把小提琴不起作用？我找不到他的代码中的错误，有人有办法解决这个问题吗？谢谢!jquery：$(".flip-container").find(".front").addClass("frontflip");.flip-container:hover .front {    transform: rotateY(0deg);}.flip-container:hover .back {    

问Jquery .find类不工作
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery .find类不工作EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery .find类不工作
EN