Primefaces + jQuery + Triangle Icon(没有显示)!

Question

我正在使用带有jQuery的primefaces(我想因为我在我正在使用的模板中有这一行)

<h:outputScript library="primefaces" name="jquery/jquery.js" target="head"/>

因此我认为当我使用它时:(从这里)

<p:accordionPanel multiple="true">
    <p:tab title="Godfather Part I">
        <h:panelGrid columns="2" cellpadding="10">
            <p:graphicImage name="demo/images/godfather/godfather1.jpg" />
            <h:outputText
                value="The story begins as Don Vito Corleone..." />
        </h:panelGrid>
    </p:tab>
    <p:tab title="Godfather Part II">
        <h:panelGrid columns="2" cellpadding="10">
            <p:graphicImage name="demo/images/godfather/godfather2.jpg" />
            <h:outputText value="Francis Ford Coppola's legendary..." />
        </h:panelGrid>
    </p:tab>
    <p:tab title="Godfather Part III">
        <h:panelGrid columns="2" cellpadding="10">
            <p:graphicImage name="demo/images/godfather/godfather3.jpg" />
            <h:outputText value="After a break of more than 15 years...." />
        </h:panelGrid>
    </p:tab>
</p:accordionPanel>

我应该看一个完全可用的手风琴.好吧,我得到它,除了三角形图标以外的一切.

检查,我发现在每个选项卡中呈现的跨度如下:

<h3 class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all tab-in-accordion" role="tab" aria-expanded="false">
    <span class="ui-icon ui-icon-triangle-1-e"></span>
    Godfather Part I
</h3>

问题在于<span class="ui-icon ui-icon-triangle-1-e"></span>但是ui-icon-triangle-1-echrome检查器中的类没有显示出来.我已阅读并且我知道该类是提供背景和位置的类(使用来自jquery的图标).

我怎样才能解决这个问题并让三角形出现？

Answer 1

这是使用bootstrap theme.css的主题定义的问题.如果你检查了CSS,你会注意到它.将以下内容添加到主css文件中以使三角形图标可见.

.ui-accordion .ui-accordion-header .ui-icon {display:block; }