当我使用数据切换属性时，为什么我的链接会中断（停止导航到其位置）？

Question

我正在使用Rails 5中的Bootstrap 4，我试图让data-toggle在nav-pills上工作。

使用下面的代码，pill切换有效，它会破坏代码的link_to部分，但链接不起作用。

<div class="card">
  <div class="card-block">
    <ul class="nav nav-pills nav-justified" role="tablist">
      <%= link_to 'All Things', all_things_path, class: 'nav-link nav-item active' %>
      <%= link_to 'Some Things', some_things_path(@things[0]), class: 'nav-link nav-item', "data-toggle" => "pill" %>
    </ul>
  </div>
</div>

如果我删除"data-toggle" => "pill"链接正常工作，并根据需要路由到集合。

我也尝试使用data: { toggle: "pills" }，但这也打破了链接。

有人有任何想法吗？

Answer 1

如果通过＆＃34;断开链接＆＃34;，则表示浏览器不再导航到新页面，然后是因为bootstrap的javascript拦截了链接上的点击以执行切换。

点击链接会转到其位置，即新页面。单击切换元素可显示/隐藏当前页面上的其他元素。你不能兼得。