问题标签 [toggleclass]

问问题

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

514 问题
Newest
Active
Bountied
318
Unanswered
0 投票
0 回答
355 浏览

javascript - jQuery：toggleClass 不再有持续时间吗？

我无法duration设置toggleClass实际做任何事情。

我正在运行 jQuery 1.4.4 和 jQuery UI 1.8.7。

jQuery 自己的使用持续时间的示例页面对我不起作用：http: //jqueryui.com/demos/toggleClass/default.html

在 Mac 上的 Safari 和 Firefox 3.6 中，单击“运行效果”对我来说实际上没有任何作用。

有人对此有一些见解吗？

0 投票
1 回答
1128 浏览

jquery - jquery 和切换类

我有一个带有脚本的网站。当您单击链接时，它会切换页面，并且链接本身也会使用 jquery 的 toggleClass 方法进行切换。

该脚本运行良好，但页面加载在彼此之上，所以我对其进行了一些更改。如果您第一次单击链接，则链接会更改（更大）并出现页面。链接的值存储在变量 (previousClick) 中。现在，如果我点击第二个链接，前一页就会消失，而新的一页就会出现。这工作正常。但是之前的链接仍然更大。我不知道如何将其恢复为较小的字体...

这是代码：

的CSS：

以及 html 中的菜单：

非常感谢

0 投票
3 回答
273 浏览

jquery - 如何使输入字段在活动时更改其设计？

假设我的背景颜色是红色。我希望输入文本字段显示为红色，但是当您在输入字段内单击以键入时，它会变成一个规则文本字段。当然，当您在输入字段中不活动时，它应该恢复到原始状态（红色）。

它实际上是你经常看到的东西。我想过使用toggleclass？

我的输入字段都附加了 jQuery

提前致谢

0 投票
1 回答
122 浏览

javascript - 使用 JQuery toggleClass，我的 css 类没有启动

好的，所以我基本上有这个列表。我想要做的只是用 toggleClass 突出显示列表中的项目。

CSS：

头：

问题是，如果我在 .css-doc 中指定了一个 css 属性，我无法使用新类修改该值。

我尝试将它放在样式属性的上方和下方，如下所示，放在头部区域中。

单击时，js会添加类和所有，但任何预定义的值都不会改变。

0 投票
2 回答
769 浏览

jquery - 单击复选框设置输入属性

具有 4 列的 html 表单前 2 列是输入框内的大小，禁用 ='disabled'，当他们单击单选按钮选择大小时，会出现一个复选框，当他们单击该复选框时，我想更改类并禁用 attr该表行上的输入以允许他们编辑输入框

CSS

jQuery

这是我的想法，但它不起作用

提前感谢您的帮助。

0 投票
2 回答
19231 浏览

jquery - JQuery toggleClass 父级和子级

我刚刚开始了解 Javascript 和 JQuery，但我无法弄清楚：有没有更短的方法：

我很高兴我终于让它工作了，但肯定不是这样正确完成的......我想切换父类（abcTitle），包括它的子类（即按钮）。

谢谢你启发我！

为了澄清，这里有一些相关的 CSS

因此，基本上单击 abcButton 或 H4 应该会触发 abcContent 的折叠，同时将类 .collapsed 添加到 abcButton 和 abcTitle。
（顺便说一句，如果我能弄清楚如何排除

从点击函数中，我可以将 abcTitle 作为我的点击处理程序，而无需分离 abcButton 和 h4）

0 投票
2 回答
2546 浏览

jquery - 如何切换类以便单击正文将关闭下拉菜单并更改剩余项目（jquery）的背景？

有一个菜单下拉菜单，由展开/折叠按钮 (#client-select) 和下拉菜单 (.client-select-dd) 组成。菜单本身工作得很好，除了我希望它也可以折叠，如果用户点击菜单外的任何地方，而不是专门再次点击按钮。

最初菜单是折叠的，因此第一次单击会更改菜单按钮的背景（#client-select）并使下拉选项可见（.client-select-dd）。这第一次单击还将一个类添加到正文（.client-deactivate）。再次单击 (#client-select) 会折叠菜单并恢复按钮图像背景。

在我看来，在菜单打开时单击主体（并且具有“.client-deactivate”类）应该折叠菜单并删除.client-deactivate，但单击主体绝对没有任何作用。感谢大家提供的任何帮助。

0 投票
2 回答
22353 浏览

javascript - jQuery - 从任何类中删除类
  • 这不仅仅是点击
    •

    可以说我有这样的清单...

    ...而且我希望能够在 li 的课程中​​切换...

    ..我也希望 li 除了被点击的那个永远不会显示为 '.active' 同时仍然保持在 '.active' li 中的 toggleClass 能力

    所以我在想也许我想从任何其他 li 中删除类，除了被点击的那个。我不知道我怎么能做到这一点......

    关于如何实现类似目标的任何想法？我确定它相当容易，但我不知道，因为我对 jQuery 很陌生

    已解决-如果有人想看..我们去： http: //jsfiddle.net/6jm2s/17/ 还有这个... http://jsfiddle.net/6jm2s/18/

    两个答案都很完美.. @jondavidjohn & @hunter 谢谢你们......太糟糕了，我不能在两个答案上都打勾......但是我会让猎人拥有它，因为他的代码更短.. :)

    0 投票
    4 回答
    537 浏览

    jquery - jquery中的css toggleClass？

    我想在设计之间切换

    jQuery：

    但这不起作用！请有任何帮助

    0 投票
    5 回答
    33172 浏览

    javascript - 如何在两个div之间切换

    我正在尝试在两个 div 之间切换。比如onload，我想让左边的内容显示，右边的内容保持隐藏。如果我点击右边的 div，我希望左边的内容隐藏，右边的内容出现，反之亦然。我对javascript很陌生，但这就是我所拥有的。我似乎无法让它工作。请帮忙...

    这是我的 HTML 代码：

    这是我正在使用的 Javascript：


    12345678910