Question

我正在使用bootstrap 3和崩溃功能。如果我点击我的plus-icon，则会显示折叠面板。另一次点击和面板将关闭。作品！

但我想toggleClass我的图标.. onclick更改为imgMinus（打开折叠），再次点击，更改为imgPlus（关闭崩溃）。

我尝试addClass和removeClass ..没有效果......？

我的代码段有效，如果我只有一个内容容器，但两者都没有！

$('.clickToggle').click(function() {
           /*if ($(this).children('div').hasClass("imgPlus")) {
             $(this).children('div').addClass("imgMinus");
             $(this).children('div').removeClass("imgPlus");
          }*/

          $(this).children('div').toggleClass('imgPlus imgMinus');
});

Answer 1

你很亲密！我从你的html中删除了脚本标签，并把它放在小提琴的JavaScript部分。然后我删除了单击切换的额外脚本。

这里有点令人困惑的是，如果这解决了它，小提琴知道就知道了！下面的代码是您需要从+更改为的唯一脚本，反之亦然 http://jsfiddle.net/02o08heq/31/

$( document ).ready(function() {
    $('.clickToggle').click(function() {
        $(this).children('div').toggleClass('imgPlus imgMinus');
    });
});

当我认为你的意思是toggleClass时（即使你的代码片段有它），你也有了addClass吗？

Answer 2

添加之前：

<script>
    $(document).ready(function() {
        $('.clickToggle').click(function() {
            $(this).find('div').toggleClass("imgMinus");
            $(this).find('div').toggleClass("imgPlus");
        });
    });
</script>

所以会有效！

jQuery toggleClass无法使用bootstrap折叠（更改图标/类）

2 个答案: