【问题标题】:Complete list of FontAwesome Icons for Select选择的 FontAwesome 图标的完整列表
【发布时间】:2015-03-11 16:04:09
【问题描述】:

我正在尝试使用 FontAwesome 图标的完整 (v 4.2) 列表填充 Select Dropdown。我能找到的最接近的列表是here,但它已经完全过时了。有没有人可以参考我的清单?

【问题讨论】:

  • 嗯...你在找这个吗:fortawesome.github.io/Font-Awesome/cheatsheet
  • 这是一个很棒的资源(我经常使用它),不。我本质上是在寻找<optgroup label="Web Application Icons"> <option value="adjust">adjust</option> <option value="asterisk">asterisk</option> <option value="ban-circle">ban-circle</option> <!-- etc... -->

标签: twitter-bootstrap select font-awesome-4


【解决方案1】:

此 URL:http://fortawesome.github.io/Font-Awesome/icons/ 包含所有图标的列表。虽然它不是您描述的格式,但我们可以使用一些 jquery 将其转换为您想要的格式:

$.map($("h2").map(function(){ 
    var a = $(this).nextAll(".row:first").find("a").map(function(){ 
        return $(this).attr('href').split("/").slice(-1)[0]; 
    }); 
    return {title: $(this).html(), options: a} 
}), function(object){ return "<optgroup label='"+object.title+"'>"+$.map($.unique(object.options), function(option){ return "<option>"+option+"</option>"; }).join("")+"</optgroup>"; }).join("");

生成此列表:http://pastebin.com/NQ1S7RJF

(请记住,这是一个唯一图标列表 - 它不会包含例如:file-sound-o,因为它是 file-audio-o 的别名)

【讨论】:

    猜你喜欢
    • 2021-09-10
    • 2019-08-09
    • 1970-01-01
    • 1970-01-01
    • 2013-10-31
    • 2011-12-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多