Question

Java脚本点击事件在我刷新页面后没有在第一页加载中触发它工作正常下面是我的代码

第1页：

<h:form id="sellsForm">
    <ui:include src="../mypages/page2.xhtml" />
    <h:panelGroup id="sellsPanel" layout="block" styleClass="my_panel">
        <h:outputText id="sellitem" value="#{bean.selecteInfo}" styleClass="high" rendered="#{bean.selecteInfo == null ? false : true}"/>       
    </h:panelGroup>     
</h:form>

../ mypages / page2.xhtml

<div class="menu_element">
    <a4j:commandLink styleClass="service_icon"
        action="#{bean.setSelecteditem('Service')}" immediate="true" render="sellsPanel">
        <h:outputText value="#{msgs['menu.service']}" />
        <br/>           
    </a4j:commandLink>
</div>

JS

$('div."menu_element').click(function() {
    debugger;
    var siblingDivs = $(this).parent().children();
    siblingDivs.each(function() {
        if($(this).hasClass("selected")) {
            $(this).removeClass("selected");
        }
    });
    $(this).addClass("selected");
});

Answer 1

javascript函数应该在body onload onload="myFunction()"或jquery $( document ).ready(function() { alert(); });

中

Answer 2

您可以使用

$(document).on('click','div."menu_element',function() {
        debugger;
        var siblingDivs = $(this).parent().children();
        siblingDivs.each(function() {
            if($(this).hasClass("selected")) {
                $(this).removeClass("selected");
            }
        });
        $(this).addClass("selected");
    });

为什么Java脚本点击事件在第一页加载时没有被触发？

2 个答案: