问题标签 [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.

0 投票
2 回答
2198 浏览

jquery - jQuery - 多个 CSS 类的同时悬停动作



第二个div,整个动画需要 400 毫秒:切换需要 200 毫秒button-hover,然后切换需要 200 毫秒button-rounded-hover如何同时执行这些切换?

笔记:

  • 我正在使用 OOCSS,所以button-roundedextendsbuttonbutton-rounded-hoverextends button-hover。我不想定义button-rounded-hover几乎完全一样button-hover,因为那不会很干燥(不要重复自己)所以这就是为什么我使用两个类和第二个悬停调用div
  • 这两个动作都需要 200 毫秒。我不想让它们中的任何一个都为 0(瞬时)。
0 投票
3 回答
1321 浏览

jquery - 输入值上的 jQuery toggleClass

我想根据文本输入的输入添加一个类。我的问题是输入呈现所有类。这是html部分:

这里是 javascript/jQuery

另外,看看什么呈现输入:

那么为什么每个元素在点击时都会收到每个类?

0 投票
2 回答
2760 浏览

jquery - 在单击方法中使用带有 JQuery 的 addClass 或 toggleClass 不起作用?漏洞?

这看起来很简单..但它仍然无法正常工作。

如果你把类 .normal 放在 .hightlight 上面,我就可以工作了。但我不会改变这里的风格。只有位置。这没有任何意义..

我似乎无法在此处粘贴 html 代码,所以我必须分块进行。我附上了所有代码的快照。

确保您有一个空的 html 页面。文档类型无关紧要。我在不同的文档类型上对其进行了测试,但它仍然无法正常工作。

这是在标题之后的样式块内

在此之后,我有一个带有最新 jquery 代码源的脚本标签 http://code.jquery.com/jquery-latest.min.js

在这之后是一个脚本块,在这里:

});

在 body ap 标签内,idname 为“maindiv”,类为“normal”

带文字点击这里。

好的,我等不及有人尝试这个了..这太疯狂了,因为所有其他方式的工作。但只有 .addClass 和 .toggleClass 不能正常工作

因为我是新用户,所以无法在此处附上完整代码的快照,但您可以在以下网址下载: http ://www.bckan.nl/temp/jquerybug.jpg

0 投票
2 回答
23758 浏览

jquery - jquery toggleClass 不起作用

由于某种原因,toggleClass 函数似乎不起作用。

我有一个带有“nodrag”类的表格行 - 与 tableDnD 插件一起使用:

当我单击一个链接时,我想使用 $(document).ready 函数中的以下代码打开和关闭该类:

我知道点击事件触发是因为链接的文本发生了变化。我也知道行的选择是有效的,因为如果我用它做其他事情,比如 - $("#1").text("test") - 那是有效的。

toggleClass 似乎有问题。我到处搜索,但没有发现任何对我有帮助的东西。

提前感谢您的帮助

0 投票
3 回答
4606 浏览

toggleclass - Jquery Slidetoggle:为什么它会重新加载我的页面?

我对两个 slideToggles 有一个奇怪的问题。#bannerChoice 幻灯片工作正常,但#search 幻灯片在打开时应该与#bannerChoice 重叠,但不会打开超过中途。相反,它会强制页面重新加载。

这是我的代码:

0 投票
2 回答
307 浏览

jquery - 花哨的弹出窗口在切换 div 中不起作用

我目前正在开发一个使用切换菜单的网站。我在切换菜单项中放置了一个花式框,现在当“单击”缩略图时,它不会以正常的弹出窗口打开大图像,而是在新的浏览器框架中打开。这个错误有修复吗?

这是html。

我使用了 alohatechsupport webdesignmaui 的 show_hide_expand_collapse_javascript 脚本

0 投票
2 回答
242 浏览

jquery - 如何使用 jQuery 隐藏父级

当我选中一个复选框时,我希望能够隐藏整个容器。

* HTML *

* CSS *

* JavaScript(它不起作用)*

0 投票
1 回答
3417 浏览

jquery - Twitter Bootstrap 按钮复选框在制作所见即所得的文本编辑器时切换问题

我想做一个简单的文本编辑器,让人们可以将字体设置为粗体、斜体或下划线。我对如何使用 twitter bootstrap 按钮上的“活动”类来切换功能(例如向文本区域中的单词添加不同的字体样式)有点困惑。

这是我的 HTML:

这是我的 JS:

我想我需要为每种字体样式设置这样的代码:粗体、斜体、下划线我切换。但是正如你所看到的,我只是将文本加粗是非常冗长的(更不用说不起作用了),所以必须有更好的方法。任何想法将不胜感激。

0 投票
2 回答
249 浏览

jquery - 我可以将这两个 jQuery on() 事件与 toggle() 合并吗?

必须有一种方法可以在一个 toggleClass() 中执行这些操作:

...但它在 on() 中,因为 myButton 是动态创建的。

0 投票
4 回答
1936 浏览

jquery - JQuery选择最近的父a:link

我正在尝试a:link根据悬停的子子菜单在导航菜单中为最近的父级切换 CSS 类。我可以让它为最近的父<li>标签工作,但不是a:link我希望发生此事件的内部。

的HTML:

因此,我编写的用于选择<li>正在工作的父级的函数是:

但是我怎样才能让这个类a:link为父级切换ul.menu li?就像是:

但这当然行不通,我只是不确定我需要更改什么语法。

非常感谢。