jquery - jquery ruby​​ rails hotwire Turbolinks fontawesome

Question

私はブラウザコンソールで実行できる次のコードを持っています..

jQuery(window).on('load', function () {
  $('.icon-wrapper').click(function() {
    $('.icon-wrapper').each(function(){
      $(this).find('a').removeClass('storyline-header-nav-active-color');
    });
    $(this).find('a').addClass('storyline-header-nav-active-color');
  });
});

ただし、アプリケーションでこれを実行すると、これらのアイコンに対して機能します...

div[class="icon-wrapper fa-3x"]
        = link_to(@storyline_calendars_path, data: { "turbo-frame": "storyline-calendar-todos-org-detail-contents" }) do
          i[class="far fa-calendar-alt"]

しかし、これらのアイコンでは機能しません...

div[class="icon-wrapper fa-3x"]
        = link_to(@storyline_communications_contents_types_path_email, data: { "turbo-frame": "storyline-communications-contents" }) do
          span[class="fa-layers fa-fw"]
            i[class="fas fa-envelope-square"]
            span[class="fa-layers-counter fa-layers-top-right"]
              = @email

ここでの私の唯一の推測は、そのうちの1つはsvgレイヤーを使用しており、もう1つは使用していないことです。私はこれについてネット全体を掘り下げましたが、空白になっています。誰かがこれについて考えや指針を持っていますか?

アップデート

カウントにレイヤーを使用しない場合、完全に機能します。考え？

      div[class="icon-wrapper fa-3x"]
        = link_to(@storyline_communications_contents_types_path_email, data: { "turbo-frame": "storyline-communications-contents" }) do
          i[class="fas fa-envelope-square"]