p：dialog在资源管理器和Chrome中不起作用，但在Eclipse内部Web浏览器中工作

Question

我有以下XHTML代码

<ui:define name="content">
<center>
  <h:form id="form">
     <p:growl id="messages" showDetail="true" /> 
     <p:panel header="Selectionner un fournisseur" style="width : 664px; " >  
        <br />
        <p:dataTable id="cars" var="car" value="#{fournisseurbean.LF}" rowKey="#{car.idfournisseur}"  
                 selection="#{fournisseurbean.selectedfour}" selectionMode="single">  
           <f:facet name="header">  
           Liste de fournisseurs  
           </f:facet>  
           <p:column headerText="Nom de fournisseur">  
            #{car.nomfour}  
           </p:column>  
           <p:column headerText="Personne à contacter">  
            #{car.persocontact}  
           </p:column>  
           <p:column headerText="Téléphone" >  
            #{car.telephone}  
           </p:column>  
           <p:column headerText="Fax">  
            #{car.fax}  
           </p:column>  
           <f:facet name="footer">  
              <p:commandButton id="viewButton" value="Select " icon="ui-icon-search"  
                    update=":form:display" oncomplete="PF('carDialog').show()"/>  
           </f:facet>  
        </p:dataTable>  
        <p:dialog id="display" header="Fournisseur selectionné" widgetVar="carDialog" resizable="true"  
              width="300" showEffect="clip" hideEffect="fold">  
            <p:commandButton    value="Next"  oncomplete="document.location.href='#{facesContext.externalContext.requestContextPath}/faces/Gestionstock/Bondecommande/Selectmateriaux.xhtml'"   action="#{fournisseurbean.SetfourenBC()}"/>
         </p:dialog> 
    </p:panel>  
  </h:form>
</center>
</ui:define>

这是本链接中显示的primefaces 4.0数据表单选项显示对话框的按钮（id="viewButton"）过去在所有web浏览器中都可以正常工作，但它突然停止了工作，尽管我在这部分没有做任何更改，但当我在eclipse内部web浏览器上尝试此代码时，它可以工作，但在其他浏览器中不起作用。

Answer 1

使用浏览器中的Firebug或Webdeveloper工具来测试这些东西：

1. JavaScript错误
2. 是否应用了正确的CSS样式
3. 你在使用jquery吗？你的版本和Primefaces的版本之间有结论吗