Jquery 单击加号图标时,将图标更改为减号

Jquery 单击加号图标时,将图标更改为减号,jquery,twitter-bootstrap,Jquery,Twitter Bootstrap,我正在尝试修改Bootstrap侧边栏的代码: 当切换处于活动状态时,我想将加号图标变成减号图标。我对您的按钮进行了css调整。这就是你想要达到的目标吗 .sidebar-menu { position: absolute; top: 10px; right: 25px; } 这是我给你的代码的副本。 演示: jQuery: $(document).ready(function () { $('[data-toggle="sidebar"]').click(fu

我正在尝试修改Bootstrap侧边栏的代码:



当切换处于活动状态时,我想将加号图标变成减号图标。

我对您的按钮进行了css调整。这就是你想要达到的目标吗

.sidebar-menu {
  position: absolute;
    top: 10px;
    right: 25px;
}
这是我给你的代码的副本。 演示:

jQuery:

$(document).ready(function () {
  $('[data-toggle="sidebar"]').click(function () {
    $(this).toggleClass('active')
  });
});
[data-toggle=sidebar].btn.active span:before {
   content: "\e082"
}
CSS:

$(document).ready(function () {
  $('[data-toggle="sidebar"]').click(function () {
    $(this).toggleClass('active')
  });
});
[data-toggle=sidebar].btn.active span:before {
   content: "\e082"
}

我不明白你在问什么?还记得当你试图在问题中没有任何代码的情况下发布到JSFIDLE的链接时得到的警告吗?是的,那个。