Rails 5：link_to锚定在同一页面上

Question

我当前正在尝试显示2张桌子。问题是，当我单击锚点时，它不会从表1更改为表2。

link_to正常工作，并且从“每月计费”切换为“每年计费”。但是没有显示相应的标签。

我的主播：

  <ul class="nav nav-pills justify-content-center js-tabs">
    <li class="nav-item">
      <%= link_to "Billed Monthly", root_path(anchor: "monthly-plan"), class: 'nav-link active' %>
    </li>
    <li class="nav-item">
      <%= link_to "Billed Yearly", root_path(anchor: "annual-plan"), class: 'nav-link' %>
    </li>
  </ul>

我的标签：

  <div class="tab-pane" id="annual-plan" role="tabpanel" aria-labelledby="annual-plan">

我的custom.js：

  $('.js-tabs a').on('click', function(e) {
    e.preventDefault();
    $(this).tab('show');
  });