问题标签 [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 投票
4 回答
298 浏览

jquery - JQuery ToggleClass 和浏览器切换

我有一个非常简单的toggleClass,它可以在单击时更改链接的外观。除了一件事外,效果很好。每次我单击链接时,浏览器焦点都会右移回到页面顶部。如果链接位于页面的最底部,这会很烦人。

我可以使用另一个元素,例如粗略的跨度,但我很想知道我的问题是否有解决方案。

使用的示例链接:

0 投票
3 回答
498 浏览

jquery - Jquery if 语句帮助

我想知道如何用 jquery 正确编写 if 语句。我有一堆 div,每个都有一个锚点,单击时会使用 toggleClass 扩展 div 的宽度。这很好用,但我想编写一个 if 语句,检查其他 div 是否应用了相同的类,如果是,则收缩该​​ div,然后展开下一个 div(希望这是有道理的),我的代码到目前为止:

HTML:

查询:

});

0 投票
2 回答
429 浏览

javascript - toggleClass 搞砸了

我正在使用 Pretty-checkboxes-plugin 并遇到问题。该插件可以在这里看到http://aaronweyenberg.com/90/pretty-checkboxes-with-jquery

如您所见,这使用两个链接来选择和取消选择。我希望它只使用一个链接,然后更改类以使其在下次单击时以另一种方式工作。

它应该足够简单。我一直试图让它与toggleClass一起工作。

我只是放入了 toggleClass 语句,因此代码如下所示:

这在某种程度上有效。类切换得很好,但其余代码仅在第一次运行时才有效。所有后续点击只是切换类 og 链接,没有别的。

有谁知道这是为什么?

0 投票
2 回答
1251 浏览

javascript - 创建一个javascript函数以根据单击的列表元素在列表元素之间切换类

我正在尝试创建一个函数来更改一系列 5 个列表元素的类,具体取决于已单击的元素。目标是根据当前元素更改元素的样式。

我曾尝试过这样的事情:

然后将其添加到我的元素中:

但这只会将该类添加到列表中的第一个元素,然后在单击其他元素时不会删除该类。

我的列表元素如下所示:

当单击一个项目时,url 会发生变化,也许这可能是设置函数以根据 url 更改类的方法?我对 javascript 非常陌生,任何关于如何完成这项工作的想法都将不胜感激。

我对其进行编码的当前方式是在悬停时更改每个项目,但我希望在单击其他项目之前保持更改。可以在这里查看:http ://perksconsulting.com/dev/capabilties.php我指的项目是页面左侧的黑点。

0 投票
1 回答
271 浏览

jquery - jquery 动画按钮,只是不会表现

好的,我有一个内联按钮列表。

每个菜单项都有一个背景图像,然后当它悬停时,背景图像被一个更高的图像替换。最终,我正在尝试构建一个简单的菜单,在鼠标悬停时菜单项似乎向上滑动。但实际上Jquery 可以用slideToggle 为toggleClass 设置动画。问题是当前代码的行为不正确。

它上下跳跃,因为文本在移动。我对 Jquery 很陌生,因此非常感谢任何帮助。我还在http://gasworks.ravennainteractive.com/result/上加载了这个

谢谢

0 投票
2 回答
1463 浏览

javascript - 通过替换类名来切换禁用/启用复选框

我有一组 5 个复选框,类设置为“子”。我希望如果我选择一个复选框,其余的复选框就会被禁用。我尝试了以下代码,但它禁用了所有复选框。

然后我什至尝试添加这个

但它仍然禁用所有控件

帮助PLZ!谢谢

0 投票
2 回答
1033 浏览

jquery - 如果 .text() 等于 img[title],则 Jquery 切换以更改图像

上周在社区的帮助下,我在这里成功实现了这段代码

现在我需要做一些类似的事情,但现在将 html 文本与 [title] 进行比较。到目前为止,我的代码如下:

出于某种原因,我无法将我的头脑围绕在 toggleClass 上。

目前,如果我单击任何一个跨度,当我单击任何另一个跨度时,“选定”会粘住并且不会离开。

我错过了什么?

提前致谢!

0 投票
1 回答
155 浏览

select - 需要帮助突出显示表格的特定单元格并在突出显示时取消突出显示其他单元格

所以,我将进一步解释一下。

我有一张包含不同单元格的表格。我需要做的是,当用户单击单元格时,该单元格将更改其类别并突出显示。这是完美的工作。

如果单击另一个单元格,我需要的是取消突出显示该单元格。

默认情况下,所有单元格都具有“未选择”类。单击时,类更改为“未选择的已选择”。想象一个单选按钮,这就是我需要它工作的方式。

有什么线索吗?

提前致谢。

0 投票
1 回答
2031 浏览

jquery - jQuery 切换滑出面板

我正在使用默认设置为 display:none 的滑出面板。如果单击触发器,它将将该类切换为“活动”。这使得触发器显示来自精灵位置的红色 x(表示关闭)。

}); 所以这就是我所拥有的,但现在我想要的东西来了,也许你们中的一个人知道如何实现这一点。
我想创建选项以使面板在默认情况下显示或在默认情况下隐藏,并且切换应该相应地运行。这意味着如果我选择默认显示面板,则应将切换设置为“活动”以显示 x 精灵位置。如果我选择默认隐藏面板,则应将切换设置为“未激活”以显示 + sprite 位置。

我希望我已经把自己说得够清楚了。非常感谢帮助。

编辑你们是对的。需要更多的解释。我只是想让它尽可能短,但这里还有一些......

我正在创建一个网站模板,模板的购买者应该能够包含这些面板以供参考。默认情况下,它应该设置显示面板并将触发器类设置为“活动”。这将显示我的小 x 关闭。
但是,如果模板的购买者将额外的类“隐藏”添加到面板标记中,则面板应该默认隐藏,并且触发器不应设置为活动,因为在这种情况下,我的触发器将显示小 + 以打开此面板。现在明白我的想法了吗?

0 投票
1 回答
405 浏览

jquery - 如何在与单击功能分开的页面上的 Li 元素上切换类

我正在尝试在我正在处理的这个应用程序中创建一个动态收藏夹列表。我目前的问题是我无法指示事件来切换特定的 li 类名称。我有一个很大的 li 列表和与之相关的单独页面。每个页面都有一个标题栏,其中包含多个图像链接、电话号码等。最后一个图像是一个星形,当用户单击它时我需要将其变为蓝色,并在另一个页面上切换其对应的 li 元素的类。我不想为每个元素编写单独的代码,我越来越沮丧地尝试将每个星形点击与 37 个 li 元素之一关联起来......我使用过 jquery,但无法弄清楚......

包含 li 元素的 div 我需要切换才能将它们克隆到另一个“收藏夹”列表

带有星图的对应页面

例如,当点击 whitestar40 时,我希望它变成蓝色,并克隆 the ale house li(点击进入此页面)并附加到另一个页面上的我的收藏夹列表