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

jquery - jquery检查所有复选框并将类添加到行?

如果选中了全选复选框,我正在尝试向我的 tr 行添加一个类,但我似乎无法让添加类工作(如果已取消选中全部检查,则显然删除它们),我正在使用在每个单独的行上切换以添加/删除类,但似乎无法让它为检查所有工作。

这是我的桌子:

这是我的jQuery代码:

0 投票
1 回答
3358 浏览

css - 转换:缩放到全屏?

大家好,

一系列不同大小的图像各自单独包装在水平滚动网页上的左浮动不同大小的div 中。我希望能够点击一个 div 将其缩放到全屏,(通过添加一个包含缩放指令的 css 类,使用 toggleClass),然后点击图像(现在是全屏,因此遮住了 div)返回正常(通过从其包装 div 中删除类)。

我已经找到了各种选项来为背景图像(具有已知大小)执行此操作,并且有很好的全屏画廊,但这个回避了我。

由于尺寸不同,我不能使用 scale(2) 或其他一些固定值。完全有可能将 webkit-transform:scale 缩放到像 768x1024 这样的目标大小而不是比例因子?

非常感谢!

0 投票
4 回答
8901 浏览

javascript - jQuery 切换类不起作用?

很简单地说:这条线currentItem.toggleClass('open');似乎不起作用。

更准确地说,当使用 firebug 检查结果时,我可以看到类“open”在相关元素上闪烁(出现并立即消失)。所以这就像函数实际上被触发了两次(当然我只点击了一次)。

有人可以解释一下为什么会这样以及如何预防吗?

这是我的 jQuery 代码:

这是我的 HTML 代码的一部分,为了更好的可读性,稍微简化了一些(我知道不是很漂亮,但我对 HTML 输出的控制有限):

提前致谢。

0 投票
2 回答
997 浏览

jquery - Jquery click and toggleClass 问题

这是我可能(并且希望)的简单问题:

我有一个带有图像作为导航的列表。当您将鼠标悬停在它们上方时,jquery 会为带有标题的 div 设置动画并显示它。它在鼠标移出时消失。(工作正常)

当您单击图像时,标题 div 会进一步动画并完全覆盖图像(工作正常)。将鼠标悬停在导航中的另一个图像上时,标题 div 也会动画(工作正常)。

问题:单击第二个导航图像时,第一个(单击)的动画应该消失。

这是jQuery:

这是开发网站的链接

欢迎任何帮助,谢谢。

0 投票
5 回答
66387 浏览

javascript - Javascript/HTML -- 切换可见性(当另一个 div 元素呈现可见时自动导致一个 div 元素隐藏)

本质上,我要做的是创建一个网站,该网站的所有内容都在主页上,但在任何时候都只能看到一些内容。我阅读的方式是通过切换可见性。

我遇到的问题是:假设主页,当您第一次访问该网站时是空白的(我想要的方式)。假设您单击“关于我们”链接。突然间,关于我们部分变得可见(我想要的方式)。现在我遇到的问题是,当我知道点击“产品”链接时,我希望“产品”内容变得可见,而“关于我们”的内容再次变得不可见。(本质上创造了在同一页面中打开新页面的错觉)

这是我到目前为止提出的代码。我可以使某些 div 元素可见和不可见(onclick),但我不知道如何确保任何时候只有一个 div 元素可见。

使 javascript 工作的链接如下所示:

< href="#" onclick="toggleVisibility();">关于

< href="##" onclick="toggleVisibility1();"> 产品

0 投票
1 回答
2345 浏览

jquery - 切换类不起作用

我在使用“toggleClass”时遇到问题。该脚本的作用是根据单选按钮的值添加一组新字段。字段内部是一个默认隐藏的新 div,仅当单击事件触发 'a' 时才会显示。起初它可以工作,但是一旦我单击另一个单选按钮或同一个单选按钮,“toggleClass”就不再工作了。

这是代码:

0 投票
2 回答
201 浏览

jquery - 使用 jquery 在输入选择上切换兄弟姐妹的孩子的班级

给定以下 HTML 结构:

使用jQuery,如何在选中复选框时将IMG的类剪切的IMG的类进行切换?

它是否保留其他类(addon-thumb)并不重要,只要取消选择该框,它就会恢复该类。

编辑: 我在里面尝试了以下两个建议$(document).ready(function(){});,无论出于何种原因,这对我都不起作用。首先,我实际上正在做一些非常接近下面的事情。任何更多的帮助将不胜感激。

0 投票
2 回答
1482 浏览

jquery - 如何使用jQuery将toggleClass添加到选中的复选框?

我在点击时附加了一些输入文本字段和复选框。但是当一个复选框被选中时,我想将toggleClass切换到输入文本字段。这是我的创建代码:

这是应该发生的;

当然这是不正确的,但我希望你明白我的意思;)顺便说一句,如果没有 if 语句,这可能吗?

这是 jsfiddle http://www.jsfiddle.net/gkdKY/

哦,这正是我想要的http://www.jsfiddle.net/xzmcL/ 但附加了复选框!

0 投票
1 回答
416 浏览

jquery - 使用切换更改单个 div 中的图像?

想要尝试通过三个独立链接上的切换来控制这个精灵的状态。我有三个独立的链接,我想我可以单击任何链接来切换一个或关闭一个。目标是改变#case 图像的状态。

正在考虑我可以使用 addClass,但我不知道如何删除之前放置的任何类。假设它是一些变量,对吗?

提前谢谢。

0 投票
2 回答
1385 浏览

jquery - 如何正确使用 jquery delegate() 来切换类?

我是 jquery 的新手,所以请原谅我的误解。我使用这个代码:

在输入文本字段的输入上切换类。起初这段代码运行良好,但由于我用 jquery 附加了整个内容,delegate() 使所有复选框和输入字段切换。

你可以在这段代码中看到我的意思:http: //jsfiddle.net/eD5M5/

点击我--->附加附加按钮附加按钮---->附加复选框和输入字段(+删除按钮)

当您单击追加时,切换类看起来不错!但是当您多次单击并开始切换时,一切都会切换!

我的问题是;

我做错了什么,我该如何解决?

提前致谢