手风琴面板内选项卡的 primefaces javascript 事件

Question

我正在使用 primefaces 手风琴面板

<h:form id="MainMenuForm" style="font-size: 13px;font-weight: bold;">
<p:accordionPanel id="accord">
            <p:tab id="hometab">
                <f:facet name="title">
                    <p:graphicImage id="homeIcon" value="Images/home.png" width="13%" height="13%" />
                    <p:outputLabel value="Home" id="homeLabel"/>
                </f:facet>
                <ul>
                    <li>VAL1</li>
                    <li>VAL2</li>
                    <li>VAL2</li>
                </ul>
            </p:tab>

            <p:tab>
                <f:facet name="title">
                    <p:graphicImage id="projectIcon" value="Images/CreateProject.png" width="13%" height="13%" />
                    <p:outputLabel value="Project" />
                </f:facet>
            </p:tab>
</p:accordionPanel>
</h:form>

我正在尝试附加 jquery 以获取选项卡点击事件

$('#MainMenuForm\:accord\:hometab').on( "click", function() {
    alert(1);
});

但我无法收到警报，有人可以帮助我在 primefaces 手风琴选项卡 onclick 上调用 javascript 函数吗？

Answer 1

Accordion 有一个 tabChange 事件。使用 PrimeFaces Extensions pe:javascript，您可以在每个可用事件上调用 javascript，而无需服务器往返

手风琴面板内选项卡的 primefaces javascript 事件

primefaces javascript event for tab inside accordian panel

jquery

primefaces

jsf-2

primefaces-extensions