问题标签 [removeclass]

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 回答
412 浏览

javascript - jquery点击.addClass问题

嗨,我整天都遇到麻烦,它几乎可以工作但不完全,一旦单击缩略图,我需要相应的 p(#p-1 等)保持突出显示。我已经为图像滑块使用了插件,我稍微自定义了它,并且 mouseover 和 mouseleave 事件工作正常,但单击事件似乎没有将类添加到目标段落。

jsfiddle 示例http://jsfiddle.net/RVYnb/7/

相关的 jQuery 是在示例中内联编写的。

这让我发疯,请帮助!

0 投票
2 回答
155 浏览

jquery - 如何从某个位置删除课程?

我有这个功能

这适用于第一个函数,但第二个函数没有做任何事情,有什么想法可以解决它吗?

0 投票
1 回答
4240 浏览

javascript - IE7 和 setAttribute() 删除类

我有一个非常有趣的问题。我正在编写一个允许您放大/缩小图像的插件。我有 3 个按钮:关闭(关闭“窗口”)、放大、缩小。放大/缩小按钮也有禁用版本。当您达到最小/最大缩放量时,它会被激活。

如果您打开图片进行缩放,您可以看到一个活动的缩小按钮和一个禁用的放大按钮(因为我在打开时设置了最大值)。当您第一次单击缩小按钮时,放大按钮应该摆脱禁用类。它在 Safari、Chrome、Firefox 3.6/4/5、IE8 中运行良好,但在 IE7 中运行良好。

放大按钮有一个 ID 和类,我想强制 IE7 从元素中删除特定的类。首先,我使用了 removeClass(),但它不起作用。然后我使用 setAttribute(),它适用于除 IE7 之外的所有浏览器。

这是示例。因此,当您打开图像进行缩放时,缩小按钮具有 ID="zoom-button-in" 和 5 个类:zoom-icon、zoom-icon-small、zoom-button-in、zoom-button-disabled、缩放按钮禁用。我想删除 2 个“禁用”类。所以我用这个:

在插入非禁用类之前,我尝试将类设置为空,但没有奏效。

这种方法在 IE7 中有效吗?(-:

谢谢你们!

0 投票
2 回答
1350 浏览

css - JQuery UI 删除类动画出现无效

我正在使用一系列 CSS3 转换,但对于较旧的机器,通过使用 JQuery UI 添加和删除类进行备份。

JQuery UI addClass 动画功能齐全。然而,JQuery UI removeClass 没有动画,而是延迟了动画时间,然后跳转到前一个类的属性。

我已经设置了一个小提琴,但由于某种原因,这个小提琴什么也没做,不知道为什么。http://jsfiddle.net/aA9LN/4/

有任何想法吗?

奇妙

0 投票
2 回答
13245 浏览

jquery - jQuery兄弟姐妹/ removeClass“活动”只是不会工作

我一直试图让这个箭头切换脚本在我的页面上工作。我想我想念一些简单的东西,但我只是不知道它是什么。花了2个小时来解决这个问题。

剧本 :

CSS:

然后我的HTML:

所以上下箭头在“a href”标签内,H3标签中有不同的背景图片取决于“标签”ID。我希望这是有道理的。

先感谢您!!

0 投票
1 回答
1091 浏览

javascript - 如何添加和删除类以及使用 Jquery 设置和删除 cookie

大家好,
我对此很陌生,而且我的头脑很混乱。我会尽量保持简短...

我有 2 x 3 按钮。请点击此链接查看他们的照片。 (我不能张贴图片jet...)
在图片中的上排按钮是:hover 类,标准越低。所有 6 个按钮都有一个 div 和一个 css 样式(.black1 + .black1:hover),它们按类与它们相结合。
(HTML):

在这个例子中,我为按钮“black_month”和“white_month”添加了一个类“re_light_on”。这使得电灯打开。(这个类不应该出现在我的 HTML 脚本中,正如您将看到的那样。)这意味着我为“日”和“月”按钮设置了 2 个类(.._light_off 和 .._light_on),它们都有自己的悬停-风格。

计划:
我给body-tag一个id“body_bg”。默认情况下,它有一个类“bg_gray”。当有人单击“黑色”按钮时,“body_bg”会删除“bg_gray”类并加载“bg_black”类。这就像这样(HTML):

单击“白色”按钮则相反。(还有一个“reset default”按钮)
问题 1:如何将上述脚本从我的 HTML 页面移动到我的外部 js 页面?如果我可以将它添加到我的 js 页面,我可以尝试在其中添加一个 'cookie.set' 和一个 'cookie.del' 函数,这样人们就可以看到网站的另一部分,以及他们的正文背景选择。

现在为其他 4 个按钮。我也有这些工作,就像这样(html):

这使得两个“日”按钮不可能同时点亮。此脚本与“white_day”按钮相反,两个“月”按钮的执行方式相同。
问题2:同样的问题!我如何从我的外部 js 页面获得这个工作?
相信我,我已经尝试了很多,但显然我的 javascript 说得不够好。

最终我想让“黑色”和“白色”按钮为这个浏览会话设置一个 cookie,“日”按钮为当天剩余时间(主要是为了好玩)和“月”按钮设置一个 cookie设置一个月的cookie。浏览 cookie 不应删除,但应高于日和月 cookie。日 cookie 的排名应该超过月 cookie。
以下是我尝试过的许多事情之一。只是这样你就可以射击它;)

最后一个问题:我有第二个计划,不是 2 x 3,而是 5 x 3 按钮,用于指示备用样式表。有没有更简单的方法来做这一切???

我感谢您的时间和精力。我知道我从我犯的每一个错误和你能给我的每一个答案中学习。

0 投票
4 回答
299 浏览

jquery - 表行重新排序上的延迟()错误

我有一个简单的脚本来更改 cms 的页面顺序。它基于使用 jQuery 重新排序表行。现在的问题是,我想延迟从整行中删除突出显示类。它忽略 delay() 并立即将其删除。

这个想法是,当您将鼠标悬停在一行上时,它将向其添加 cell_rollover 类。当您单击向上/向下箭头时,该类将保留在该行 - 向您显示该行已移动。所以大约 200 毫秒后,它应该删除该类。它不..

箭头的代码:

注意: cell_rover 类正在使用 jQuery 脚本添加到行中:

为什么会发生这种情况以及如何解决?

编辑 我的一般想法的解决方案是 jquery 效果突出显示的形式:http: //jsfiddle.net/sZdre/1/ 但是,仍然试图弄清楚,为什么延迟没有像它应该的那样工作..

0 投票
4 回答
12468 浏览

jquery - .removeClass 从所有元素(相对于单个定义的元素)

我将如何使用 .removeClass 删除所有匹配的类,而不是单独调用每个元素?

所以代替这个:

0 投票
1 回答
337 浏览

jquery - 自定义颜色悬停在循环中的每个帖子上

找不到以下场景的逻辑:

一个循环中有六个帖子,每个帖子都有一个带有自定义字段的颜色值。当鼠标悬停在帖子的摘录之一上时,它应该将摘录的背景更改为使用自定义字段设置的颜色。

它正在工作,但将鼠标悬停在一个帖子上会显示每个帖子的隐藏颜色,而不仅仅是一个。

有什么方法可以将帖子 ID 存储在变量中,然后将该变量传递给 JQuery addClass/removeClass 函数?

谢谢你。

HTML:

然后我有这个Jquery:

});

显然,由于三人组类,上面的代码将不起作用。有什么方法可以在 JQuery 中获取 $display var,然后对其应用一些 css 吗?

0 投票
1 回答
3361 浏览

jquery - jQuery 滑块 - 添加 Next 和 Prev 按钮

好的,所以我使用相同的代码循环列表项作为计时器上的图像滑块,并且效果很好。现在我想在其中添加“下一个”和“上一个”按钮以增加用户体验。我环顾了堆栈,尝试了一些事情,但似乎无法提出解决方案。

首先是 HTML 代码:

现在好的,接下来是 jQuery。但首先我应该解释一下,代码循环遍历 id 为“tabs”的列表,从第一个开始,在每个锚标记上添加和删除类“current”。然后它在“输出”列表中找到相应的项目并显示该输出。现在这里是代码:

我试图做的是,当有人单击“下一步”按钮时,会显示上一个图像。这有效(尽管它可能是一种迂回的方式)。尝试使用 .prev 和 .next() 函数时的主要问题是,我未能让当前类也向后或向前移动一个。我希望两个列表在各自的列表中始终保持相同的数字。如果“当前”类位于 :first 或 :last 我希望它像在计时器上一样循环。

如果有人可以提供帮助,我将不胜感激。如果您需要更多信息,请尽管询问。提前致谢!

编辑

好的,所以我尝试取出 next.click 并将其放回 tabs.click 下的主代码区域:

这几乎有效!唯一的问题是变量 'nextli' 是静态的,其值仅在 DOM 加载时确定。不是每次单击下一个按钮时。如何在每次点击时评估“nextli”?