Изменение цвета кнопки Bulma при нажатии

Question

Я хочу изменить цвет моей кнопки Bulma в моем приложении Rails. Эти кнопки используются для фильтрации результатов на странице поиска.

До сих пор я делал следующее, но он не работает, цвет не меняется:

<%= 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>

Answer 1

Я неправильно заряжал Fontawesome, моя проблема решается следующим образом:

Сначала,

  yarn add @fortawesome/fontawesome-free

После в app / javascript / packs / application. js

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

И в app / javascript / css / main.s css

 @import '@fortawesome/fontawesome-free';

Наконец, в app / javascript / packs / application. js, я удалил

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