Ruby on rails 单击时更改Bulma按钮的颜色

我想在Rails应用程序中更改Bulma按钮的颜色。这些按钮用于过滤搜索页面上的结果

到目前为止，我做了以下操作，但不起作用颜色不变：

<%= link_to request.params.merge(category: "9"), class: "button is-rounded", id: "ButtonId" do %>
                                <i class="fas fa-thermometer-full"></i><%= t "services.title" %>
                                <% end %>

<script>
$('#ButtonId').click(function() {
$(this).addClass('has-background-danger');
});
</script>

$（'#ButtonId'）。单击（函数（）{
$（this.addClass（'has-background-danger'）；
});

我没有正确充电，以下方法解决了我的问题：

首先,

  yarn add @fortawesome/fontawesome-free

在app/javascript/packs/application.js中之后

   import "@fortawesome/fontawesome-free/js/all";

在app/javascript/css/main.scss中

 @import '@fortawesome/fontawesome-free';

最后，在app/javascript/packs/application.js中，我删除了

window.jQuery = $;
window.$ = $;

---

然后呢？有什么问题，你在问什么？好吧，它不起作用，我不知道为什么颜色没有改变。你认为这可能是turbolinks的问题吗？添加的类的CSS是否被应用或覆盖了？检查按钮，它是否有id

ButtonId

（并确保它也是页面上唯一具有此id的按钮）