Question

我希望与此

具有相同的效果

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

但有一个glyphicon信封。我怎么能这样做？

我试过了：

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

但它没有工作 - 即模态未呈现

Answer 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 %>

如何使用与glyphicon rails 4的链接

1 个答案: