如何使用引导程序单击时更改按钮的颜色？

Question

有人可以告诉我如何更改引导程序中按钮的颜色吗？我有一组按钮，只有单击的按钮应该改变其颜色。谢谢。

Answer 1

在不发布任何代码的情况下，如果给您一个简单的 JQuery 函数来通过切换类来更改按钮的颜色，我现在可以为您做的最好的事情。

JS：

// .btn is the class of the element you want to change color
$(".btn").click(function() {
  // Instead of directly editing CSS, toggle a class
  $(this).toggleClass("clicked");
});

CSS：

.btn {
  background-color: red;
}

.clicked {
  background-color: blue;
}

编辑：正如ashin999所说，您实际上在引导程序中有预定义的类（您可能知道）来更改按钮样式。因此，您可以切换其中一个类而不是新clicked类。