我正在尝试在我的应用中实现一个图标选择器,它允许用户选择一个数学运算符来进行数据比较。
我已经能够得到 fontawesome-iconpicker在页面上工作,但我在使用图标本身时遇到了问题。我可以毫无问题地使用字形图标,但我想使用的图标在 Unicode 集中,我不确定如何以图标选择器能够理解的方式引用它们。
在我为图标选择器定义数据集的代码中,我能够通过按类引用字形图标来加载它们:
icons: ['glyphicon glyphicon-home', 'glyphicon glyphicon-repeat', 'glyphicon glyphicon-search',
'glyphicon glyphicon-arrow-left', 'glyphicon glyphicon-arrow-right', 'glyphicon glyphicon-star', '<'],
这与我将它们添加到我的 index.jade 文件中的方式相同,我会在该文件中使用 .glyphicon.glyphicon-arrow-left 在页面上放置一个图标
但是,我无法让 unicode 项出现,如果我单击“<”所在的空白图标,我会收到此错误:
Uncaught Error: Syntax error, unrecognized expression: .<
at Function.Sizzle.error (jquery.js:1580)
at Sizzle.tokenize (jquery.js:2232)
at Function.Sizzle [as find] (jquery.js:854)
at jQuery.fn.init.find (jquery.js:2922)
at c._updateComponents (fontawesome-iconpicker.js:796)
at c.update (fontawesome-iconpicker.js:972)
at HTMLAnchorElement.c (fontawesome-iconpicker.js:522)
at HTMLAnchorElement.dispatch (jquery.js:5206)
at HTMLAnchorElement.elemData.handle (jquery.js:5014)
我认为问题在于图标选择器需要按类别引用图标,但我不知道 Unicode 图标的类别是什么(我正在尝试使用几个 these )并且我一直无法从搜索中找到任何信息。我是否需要创建一些自定义 CSS 来为 Unicode 图标分配类?如果是这样,我该怎么做?
谢谢!
最佳答案
虽然不是直接问你的问题,但我已经实现了一个带有单选按钮且没有 Javascript 的 Font Awesome 图标选择器。您可以使用类似的方法来显示您的数学运算符。
这是通过直接在 HTML 中使用图标并隐藏默认单选按钮来完成的:
<input type="radio" class="hide" id="radio-fa-plane" name="icon" value="plane">
<label for="radio-fa-plane">
<i class="fas fa-plane"></i>
</label>
关于javascript - 在图标选择器中使用 Unicode 图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43144594/