问题标签 [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.
jquery - jQuery - 多个 CSS 类的同时悬停动作
第二个div
,整个动画需要 400 毫秒:切换需要 200 毫秒button-hover
,然后切换需要 200 毫秒button-rounded-hover
。如何同时执行这些切换?
笔记:
- 我正在使用 OOCSS,所以
button-rounded
extendsbutton
和button-rounded-hover
extendsbutton-hover
。我不想定义button-rounded-hover
几乎完全一样button-hover
,因为那不会很干燥(不要重复自己)所以这就是为什么我使用两个类和第二个悬停调用div
。 - 这两个动作都需要 200 毫秒。我不想让它们中的任何一个都为 0(瞬时)。
jquery - 输入值上的 jQuery toggleClass
我想根据文本输入的值向输入添加一个类。我的问题是输入呈现所有类。这是html部分:
这里是 javascript/jQuery
另外,看看什么呈现输入:
那么为什么每个元素在点击时都会收到每个类?
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
jquery - jquery toggleClass 不起作用
由于某种原因,toggleClass 函数似乎不起作用。
我有一个带有“nodrag”类的表格行 - 与 tableDnD 插件一起使用:
当我单击一个链接时,我想使用 $(document).ready 函数中的以下代码打开和关闭该类:
我知道点击事件触发是因为链接的文本发生了变化。我也知道行的选择是有效的,因为如果我用它做其他事情,比如 - $("#1").text("test") - 那是有效的。
toggleClass 似乎有问题。我到处搜索,但没有发现任何对我有帮助的东西。
提前感谢您的帮助
toggleclass - Jquery Slidetoggle:为什么它会重新加载我的页面?
我对两个 slideToggles 有一个奇怪的问题。#bannerChoice 幻灯片工作正常,但#search 幻灯片在打开时应该与#bannerChoice 重叠,但不会打开超过中途。相反,它会强制页面重新加载。
这是我的代码:
和
和
jquery - 花哨的弹出窗口在切换 div 中不起作用
我目前正在开发一个使用切换菜单的网站。我在切换菜单项中放置了一个花式框,现在当“单击”缩略图时,它不会以正常的弹出窗口打开大图像,而是在新的浏览器框架中打开。这个错误有修复吗?
这是html。
我使用了 alohatechsupport webdesignmaui 的 show_hide_expand_collapse_javascript 脚本
jquery - 如何使用 jQuery 隐藏父级
当我选中一个复选框时,我希望能够隐藏整个容器。
* HTML *
* CSS *
* JavaScript(它不起作用)*
jquery - Twitter Bootstrap 按钮复选框在制作所见即所得的文本编辑器时切换问题
我想做一个简单的文本编辑器,让人们可以将字体设置为粗体、斜体或下划线。我对如何使用 twitter bootstrap 按钮上的“活动”类来切换功能(例如向文本区域中的单词添加不同的字体样式)有点困惑。
这是我的 HTML:
这是我的 JS:
我想我需要为每种字体样式设置这样的代码:粗体、斜体、下划线我切换。但是正如你所看到的,我只是将文本加粗是非常冗长的(更不用说不起作用了),所以必须有更好的方法。任何想法将不胜感激。
jquery - 我可以将这两个 jQuery on() 事件与 toggle() 合并吗?
必须有一种方法可以在一个 toggleClass() 中执行这些操作:
...但它在 on() 中,因为 myButton 是动态创建的。
jquery - JQuery选择最近的父a:link
我正在尝试a:link
根据悬停的子子菜单在导航菜单中为最近的父级切换 CSS 类。我可以让它为最近的父<li>
标签工作,但不是a:link
我希望发生此事件的内部。
的HTML:
因此,我编写的用于选择<li>
正在工作的父级的函数是:
但是我怎样才能让这个类a:link
为父级切换ul.menu li
?就像是:
但这当然行不通,我只是不确定我需要更改什么语法。
非常感谢。