Question

我正在尝试在点击时执行简单的addRemove，但它无法正常工作。我在这里和jQuery做了大量的研究，并且由于某些原因尝试了几种方法，代码根本就不起作用。请帮忙......

HTML

<div class="theme-slider-wrap">
    <div id="themeSlider" class="hide"><b>Test</b></div>
    <div id="toggleitnow"><i class="fi-x-circle size-18"></i></div>
</div>

CSS

.hide{display:none;}

的jQuery

jQuery(document).ready(function ($) {
    $( "#toggleitnow" ).click(function() {
    $( "#themeSlider" ).toggleClass( hide, addOrRemove );
});

Answer 1

传递给.toggleClass function的类的名称必须是字符串：

$( "#themeSlider" ).toggleClass( "hide", addOrRemove );
// Name of the class as a string --^

来自the documentation：

<强> .toggleClass( className, switch )
  className
  键入：字符串
  要为匹配集中的每个元素切换一个或多个类名（用空格分隔）。

此外，定义addOrRemove布尔变量的位置并不太清楚。您需要确保该变量存在且在您的范围内可用。

Answer 2

您可以通过应用类

尝试两种方法

1）使用hide类然后切换

HTML代码

 <div id="themeSlider" class="hide"><b>Test</b></div>

JS代码

 $( "#themeSlider" ).toggleClass("hide",addOrRemove); //jQuery code

其中第一个参数是className，您需要切换，addOrRemove是布尔值;

2）不使用hide class

HTML代码

<div id="themeSlider"><b>Test</b></div>

JS代码

 $( "#themeSlider" ).toggle(addOrRemove); //jQuery code

<强>问题 addOrRemove是您在代码中使用的未定义值

<强>解：给出一些布尔值并尝试

var addOrRemove=true

Answer 3

在jQuery文档中，addOrRemove必须替换为布尔值。

如果是真的，这将添加该类。
如果这是假的，这将是删除课程。

我认为，在你的例子中，你想要切换hide类，所以你必须使用简单版本的toggleClass函数。

您的代码应该是这样的：

jQuery(document).ready(function ($) {
    $( "#toggleitnow" ).click(function() {
        $( "#themeSlider" ).toggleClass("hide");
    });
});

addremove（）jQuery无法正常运行

3 个答案: