在toggleClass中使用变量

时间:2014-07-23 09:53:21

标签: jquery

var togglevalue = 'someclassname';

$("#element").toggleClass(togglevalue);

我一直在尝试使用变量来指定toggleClass,但jquery似乎并不认为这是一个变量。帮忙吗?我试过'' ""等

1 个答案:

答案 0 :(得分:4)

您在代码的其他部分出错,因为此代码正常运行。的 DEMO

也许你不太了解" toggleClass"的工作原理。

假设你有(*):

<div id="element">..</div>

致电

$("#element").toggleClass(togglevalue);

添加属性&#34; class =&#39; someclassname&#39;&#34; to $(&#34; #lement&#34;)如果类someclassname不存在,否则将删除class someclassname。

所以,从(*)情况开始:

$("#element").toggleClass(togglevalue);
<div id="element" class="someclassname">..</div>
$("#element").toggleClass(togglevalue);
<div id="element" class="">..</div>

另一个虚假和频繁的错误可能是从$(&#34; #element&#34;)[id-selector]调用.toggleClass而不是$(&#34; .element&#34;)[class-selector] 。例如,如果您有:

<div class="element">..</div>

并致电

$("#element").toggleClass(togglevalue);
显然没有任何事情发生!