jquery - 设置 CSS 类 jquery

Question

我有一个可以设置电子邮件首选项的页面。

每封电子邮件旁边都有一个“是/否”按钮(表示此人是否订阅了此类电子邮件)。

如果为"is"，则 css 类设置为 Bootstrap success 类。

如果为“否”，则 css 类设置为 Boostrap 的 danger 类。

我正在尝试设置它，以便当用户单击它时，它会切换类并将按钮的 html 属性从"is"更改为“否”，反之亦然。

我使用 $(this).html("Yes"); 并且效果很好。

然而，当更改类时，我有一个运行为的脚本:

$(this).removeClass("success");  
$(this).addClass("danger");

问题是，当我使用 $(this).removeClass() 和 $(this).addClass() 时，它不会更改元素风格。但是，当我查询元素时，它确实删除了类并添加了我想要的类——唯一的问题是样式没有改变。

样式确实存在于浏览器中。如果我加载一个带有 class="danger" 的元素或一个带有 class="success" 的元素，它会准确呈现它应该的样子。

因此 removeClass 和 addClass 不会以某种方式触发 STYLE 更新。

我做错了什么？

Answer 1

下面的对我来说很好，

但是，如果没有您确切的 HTML 和 Javascript，这只是一个猜测

让我知道您的情况如何。

$(document).ready(function(){
  $('.email-button').on('click',function(){
      $(this).toggleClass('btn-danger btn-success');
      $(this).html($(this).hasClass('btn-success') ? 'Yes' : 'No');
    })
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<button class="btn btn-danger email-button">No</button>