Rails 4：Bootstrap上下文中的link_to断开

Question

因此，我正在关注Twitter Bootstrap文档，并尝试实现一个简单的下拉<a>链接，并在.navbar添加一些其他属性（请参阅http://getbootstrap.com/components/#navbar-default ）。

文档中的行是：

<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>

我在Rails中将其翻译为：

 =link_to who_we_are_path, class:'dropdown-toggle', role:'button', 'aria-expanded' =>'false', data:{toggle: 'dropdown'} do
      Who We Are
      %span.caret

生成以下HTML：

<a aria-expanded="false" class="dropdown=toggle" data-toggle="dropdown" href="/who_we_are" role"button">
"Who We Are"
 <span class="caret"></span>
 </a>

看起来完全有效。 但是，当我单击DOM中的文本"Who We Are"时，它实际上并没有转到/who_we_are路径，但是当我将鼠标悬停在浏览器左下角的文本上时，会看到0.0.0.0:3000/who_we_are 。

Answer 1

那是因为，下拉菜单的作用是加载菜单项，Bootstrap会阻止下拉菜单的默认值并显示菜单。 您应该在菜单内添加链接，否则您必须覆盖Bootstraps默认值。 请参阅http://getbootstrap.com/components/#dropdowns

试试这个

%div.dropdown
  =link_to "#", class:'dropdown-toggle', role:'button', 'aria-expanded' =>'false', data:{toggle: 'dropdown'} do
      Load Menu
      %span.caret
  %ul.dropdown-menu{role:"menu"}
    %li=link_to "Who We Are", who_we_are_path