【发布时间】:2019-07-11 00:13:12
【问题描述】:
我在 wordpress 中创建了一个用于创建 jquery 手风琴的插件。
它工作正常,但是,现在我正在尝试使用 font-awesome 添加图标,但我似乎无法让图标显示。
我添加了“font-awesome”插件并验证了图标是否显示在其他地方,只需在空元素中指定图标类(i,div,span)。所以,我知道它在那里并且正在工作。
我正在像这样实例化手风琴:
let expanderWidgets = $('.article-sidebar-column .expander')
if (expanderWidgets.length > 0) {
expanderWidgets.accordion({
icons: {header: "fas fa-caret-right", activeHeader: "fas fa-caret-down"},
collapsible: true, active: false, heightStyle: "content"
})
在检查器中,我可以看到它在 h3 标头的跨度中插入了“fa*”类,所以它们就在那里,但是它们的宽度是 0,所以看起来图标没有被加载。
我需要在插件中进行一些额外的排队或其他初始化以显示 fa 图标吗?
(我宁愿使用 fa 图标而不是 jquery 图标 - 不想加载 jq ui 主题,也不想在 wp 安装中设置另一个字体 - 它已经够臃肿了)
【问题讨论】:
标签: jquery wordpress font-awesome accordion