WordPress + Jquery手风琴+真棒字体插件

时间:2019-07-11 00:13:12

标签: jquery wordpress font-awesome accordion

我已经在wordpress中创建了一个插件,该插件可以创建一个jQuery手风琴。

工作正常,但是,现在我正尝试使用超棒的字体添加图标,但是我似乎无法显示图标。

我添加了'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标头中的span中插入了“ fa *”类,因此它们在那里,但是它们的宽度为0,因此看起来好像没有在加载图标。

我需要在插件中做一些额外的入队或其他初始化操作,以显示fa图标吗?

(我宁愿使用fa图标而不是jquery图标-不想加载jq ui主题,并且我不想在wp安装中设置另一种字体-它已经already肿了)

1 个答案:

答案 0 :(得分:0)

C。

我最终放弃了,使用了jQuery ui字体包。

有效。