2

我想在我的 rails 应用程序中通过我的 rails 应用程序中的 link_to 方法使用 twitter bootstrap 显示小的下拉菜单符号。

我不知道该怎么做。当我将<b class="caret"></b>（twitter bootstrap 使用的）添加到'Setup '下面的参数时，它会被转义并显示为文本而不是 html。

<%= link_to 'Setup ', root_path, :id => 'setupdrop', :'data-toggle' => 'dropdown', :class => 'dropdown-toggle' %>

到目前为止，我看到的所有 rails 示例中，没有一个在使用 TBS 的此功能时使用 link_to（包括插入符号）。

4

3 回答 3

9

尝试这个， <%= link_to 'Setup <b class="caret"></b>'.html_safe, root_path, :id => 'setupdrop', :'data-toggle' => 'dropdown', :class => 'dropdown-toggle' %>

于 2013-03-24T06:02:04.920 回答
1

link_to 需要一个块，所以你可以做

link_to root_path, :id => 'setupdrop', :'data-toggle' => 'dropdown', :class => 'dropdown-toggle' do
  Setup 
  <b class="caret"></b>
end
于 2014-10-16T02:33:25.673 回答
1

我记得对这件事有一个问题。如果我没记错的话，它与标签顺序有关——它必须在<li>标签内。这是我的有效代码：

<ul class="nav" role="navigation">
  <li class="explore">
    <%= link_to 'explore <b class="caret"></b>'.html_safe, root_path, :id => 'setupdrop', :'data-toggle' => 'dropdown', :class => 'dropdown-toggle' %>
    <ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
      <li class="nav-header">Majors</li>
      <li class="dropdown-link"><%= link_to "View All", majors_path %>
      <li class="dropdown-link"><a href="#">By School</a></a></li>
      <li class="dropdown-link"><a href="#">Recently Added</a></a></li>
      <li class="dropdown-link"><a href="#">Most Liked</a></a></li>
    </ul>
  </li>
</ul>

多亏了 Amar，我不必像他那样把它转换成 erb。这是在 Amar 的帮助下我的代码现在的样子。

于 2013-03-24T06:04:48.813 回答