jquery - 如何在 Rails select_tag 上显示 Font Awesome 图标

标签 jquery css ruby-on-rails forms drop-down-menu

我的 form_tag 中有一个下拉菜单,类似于下面我的 @icons = Icon.all 模型:

<%= select_tag :icon_id, options_for_select(@icons.collect{ |u| [u.icon_code, u.id] }), class: "form-control" %>

这是字体很棒的图标的下拉列表,但我无法在浏览器上呈现它们。是否可以在不安装 jQuery 插件的情况下这样做?

最佳答案

显然是这样:

https://github.com/FortAwesome/Font-Awesome/issues/996

“但是,FontAwesome 是一个基于 unicode 字体的图标集,因此可以在选项或选择列表中包含一个图标,只需直接引用它的 unicode 字符即可。”

enter image description here

我只是检查你的输出并相应地修改你的选项和样式标签

关于jquery - 如何在 Rails select_tag 上显示 Font Awesome 图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35037108/

相关文章:

jquery - 通过单击同一行中的 href 链接来编辑或删除当前表行

jquery - 根据 radio 数据过滤掉选择的选项

html - 如何使div高度增加以包含 float 图像

使用 calc 的 CSS 转换属性

ruby-on-rails - Heroku 错误 : We're sorry, 但出了点问题

ruby-on-rails - Rake 或 Rails 数据库 :migrate

ruby-on-rails - 我应该如何使用 git 子模块在 Heroku 应用程序之间共享代码?

javascript - 如何检查变量是否为 null 或空字符串或 JavaScript 中的所有空格?

jquery - 裁剪器 JS : Positioning/size issue inside Bootstrap modal

css - 填充顶部在 ionic 3 中不起作用