Rails link_to与fa_icon和html属性

时间:2013-10-29 06:36:18

标签: ruby-on-rails ruby ruby-on-rails-4

有没有办法使用

Rails link_to函数与fa_icon(FontAwesome gem)

如下所示?

=link_to fa_icon("off"), destroy_user_session_path, :method=>'delete', {"data-toggle" => "tooltip", "data-original-title" => "Logout", "data-placement" => "bottom", :class => "btn btn-metis1 btn-sm"}

4 个答案:

答案 0 :(得分:6)

link_to(fa_icon“off”),other_options_go_here

这适合我。

答案 1 :(得分:2)

这通常可行。

<%= link_to new_message_path, :class=> "you_class" do %>
    <i class="fa fa-envelope-o" aria-hidden="true" target="_blank"></i>
<% end %>

P.S任何其他html属性都可以像id,class等一样放置。注意,最好将所有内容放在一行中,例如:

<%= link_to new_message_path, :class=> "you_class" do %><i class="fa fa-envelope-o" aria-hidden="true" target="_blank"></i><% end %>

否则它会在右侧输出一些字符,就在图标后面。

答案 2 :(得分:0)

data- *属性的选项对应该是这样的。

=link_to fa_icon("off"), destroy_user_session_path, data: { "toggle" => "tooltip", "original-title" => "Logout", "placement" => "bottom" }, :method=>'delete', :class => "btn btn-metis1 btn-sm"

http://api.rubyonrails.org/classes/ActionView/Helpers/UrlHelper.html#method-i-link_to

答案 3 :(得分:0)

设置页脚时遇到了这个问题。

解决方案:

<%= link_to fa_icon("twitter"), 
            "https://twitter.com/UrTwitterHandle", 
            target: "_blank", 
            class: "social-icon-link twitter-icon", 
            aria: { label: "Twitter" }, 
            title: "Twitter" 
%>