问题标签 [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 回答
302 浏览

javascript - 基于 Toggle Jquery 添加 HTML

我有一个刚刚为我要上班的课程制作的切换开关。我需要根据切换状态添加隐藏的 HTML。基本上它需要提交带有按钮状态的表单。这是获取它的最佳方式吗?我也在张贴表格。

这就是我所拥有的..当我单击按钮时,它会添加示例文本,但是当我再次单击时我需要它消失..

0 投票
4 回答
164 浏览

javascript - 在当前活动元素上触发多个 jQuery 脚本

我对jQuery有点陌生,我在实现一个功能时遇到了困难,所以我真的希望有人能指导我一下。我基本上想做的是同时突出显示2个元素(通过toggleClass)。

基本上我有一个重复的 div ( #post),它包含一个标题、拇指和描述 div。我想要做的是,一旦我将鼠标悬停在标题或拇指 div 元素上以获取新的附加类 ( xxxHover)。因此,基本上一旦用户将鼠标悬停在 title/thumb div 上,title/thumb div(两者)就会获得一个名为(xxxHover其中 xxx 代表 div 名称 - 在本例中为 titleHover/thumbHover)的新类。

我可能不是最好的解释,所以我也准备了一个 jsFiddle:

http://jsfiddle.net/yLqnd/12/

如您所见,我的问题是仅限制当前元素的脚本(在我们的例子中为#post)。如果它有帮助或很重要,我不得不说这将被集成到一个 WordPress 网站中(所以 HTML 结构基本上在 loop.php 中),这就是为什么我想限制每个项目的 2x 高亮效果(#post) .

提前感谢工厂的任何想法!

0 投票
4 回答
483 浏览

javascript - 每次点击在 2 个类之间切换

我正在尝试解决如何在这之间进行更改:

和这个:

每次点击菜单。基本上,如果关闭,则菜单在每次单击时打开,如果打开,则在每次单击时关闭

代码片段:

我已经阅读了一些关于 toggleClass 的帖子,但似乎无法让它工作。如果有人可以简单地为我分解它,将不胜感激!

这是来自 CSS 的剪辑:

0 投票
1 回答
681 浏览

jquery - 将 cookie 添加到 jQuery 工具的最简单方法

这是我在 stackoverflow 上的第一篇文章 :) 我整晚都在尝试多种方法来做同样的事情,但我是初学者,所以我放弃并寻求帮助。

问题被回答了很多次,但我找不到让 TOGGLE 记住当前状态的简单方法。我不想用臃肿的代码开始我的工作。

我需要创建一个简单的打开/关闭面板,我发现 toggle() 或 toggleClass() 会给我我想要的。

由我缩短和修复的Miro 的最终工作代码是:

谢谢米罗!

0 投票
2 回答
114 浏览

jquery - addClass 到一个div,然后点击应用到那个新类,Jquery

小提琴:http: //jsfiddle.net/8TxmK/

我有两个 div,一个有 class="bb",另一个没有类。在我的 jquery 中,我应用了以下函数:

所以我想在单击时将Class 'bb' 添加到第二个div。这工作正常。但是,点击时的第二部分 'bb' 不适用于从一开始就没有加载 'bb' 类的 div。

有什么解决方法吗?

我试过这个: http: //jsfiddle.net/M8Ja4/ 但是这个函数每次都会重复一次。

0 投票
2 回答
2264 浏览

javascript - 在jQuery中打开一个元素时如何关闭其他打开的元素?

我知道。标题有点……难以理解。我会看看我能做些什么来帮助你理解它。

基本上,我为我的个人网站所做的是将主导航作为网页的主体。当点击链接时,它会加载一些隐藏的内容,如下所示:

这目前允许网站的访问者打开所有元素,这不仅在视觉上令人不快,而且会产生一些错误,但主要是在视觉上令人不快。

我的问题是,在我尽可能保持完整的代码的情况下,我将如何制作它,以便他们一次只能打开一个?

在此先感谢,雅各布

编辑:

0 投票
1 回答
442 浏览

toggleclass - 如何在右侧保持切换 jQuery 内容

我想使用切换 Jquery。我想将主题保留在页面的左侧。当用户点击主题时,该主题的相关内容应显示在页面右侧。请任何人都可以提供有关如何使用切换来执行此操作的详细说明吗?

0 投票
2 回答
98 浏览

jquery - ToggleClass 没有调整段落 fontSize

我很难让 jQuery 的 ToggleClass 增加和减少我的“p”字体大小。当点击增加图标时,我希望我的段落文本'id = #text'的字体大小增加16px,当再次点击图标时减少14px。我认为实现这一目标的最佳方法是使用 jQuery 的 ToggleClass,但它似乎无法正常工作。欢迎和赞赏任何建议或解决方案。

jQuery代码:

HTML5 代码:

0 投票
3 回答
212 浏览

jquery - 在 JQuery 切换类上添加事件

我的标记:

如果按下播放按钮,我会触发此事件:

现在我假设play-bt类名已更改为pause-bt,但是这个事件是怎么来的:

是不是被解雇了?

0 投票
1 回答
1123 浏览

jquery - 单击此类时将添加类和删除类添加到两个元素

我将fancybox插件与'tabify'插件组合使用,这样我就可以点击一个链接并拥有一个选项卡式灯箱。那里没有问题——但是,我希望能够单击一个链接来激活特定选项卡上的活动状态并从另一个选项卡上删除活动状态。

这是jQuery:

这里的目标是当点击a.timesheet-active时,li.active变成li.inactive,li.inactive变成li.active

任何帮助表示赞赏!