如何使用与 glyphicon rails 4 的链接答案

【问题标题】：how to use link with glyphicon rails 4如何使用与 glyphicon rails 4 的链接
【发布时间】：2015-10-10 18:21:27
【问题描述】：

我想要和这个一样的效果

                <div id='async_btn',  class="btn" href="#modal-container-340088"  data-toggle="modal"><%= image_tag "msg.jpg" %></div>

但带有字形信封。我该怎么做？

我试过了：

<%= link_to '<span class="glyphicon glyphicon-envelope"></span>'.html_safe, { :id => 'async_btn', :class => 'btn', 'data-toggle' => 'modal', 'data-target' => '#modal-container-340088'} %>

但它不起作用 - 即未呈现模态

【问题讨论】：

我认为这可以帮助你：stackoverflow.com/a/4837865/771578
问题更多是因为没有显示模态

标签： ruby-on-rails twitter-bootstrap

【解决方案1】：

带有link_to ... .html_safe 的代码呈现错误的href 属性。这样可以防止模态窗口出现。

你可以只使用 html：

<a href='#' id="async_btn" class="btn" data-target="#modal-container-340088"  data-toggle="modal">
    <span class="glyphicon glyphicon-envelope" />
</a>

但如果你真的需要使用erb，试试这个：

<%= link_to "#", { :id => 'async_btn', :class => 'btn', 'data-toggle' => 'modal', 'data-target' => '#modal-container-340088'} do %>
  <span class="glyphicon glyphicon-envelope" />
<% end %>

【讨论】：