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

我正在玩Rails 5中的Bootstrap 4，我正在尝试使用data-toggle来处理nav-pills 。

使用下面的代码， pill切换工作，它打破了代码的link_to部分，链接不起作用。

 
 
 
   "pill" %> 
 
  

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

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

有人有任何想法吗？

Answer 1

如果通过“破坏链接”，你的意思是浏览器不再导航到新页面，那么这是因为bootstrap的javascript拦截了链接上的点击以进行切换。

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