Primefaces BlockUI not working

내 JSF 형식에서 처리하는 동안 BusUI를 사용하여 Busy 상태를 표시하고 있습니다. 헤더에 javascript를 추가 할 때까지 제대로 작동했습니다. 스크립트 태그를 사용하면 BlockUI가 전혀 표시되지 않습니다. 이 문제를 어떻게 해결할 수 있습니까? 다음은 blockUI가 작동하지 않는 JavaScript의 내 양식입니다. GlassFish 3.2.2 및 FireFox 브라우저에서 JSF 2.2, Primefaces 3.4.2를 사용하고 있습니다. jQuery와 XHTML에서Primefaces BlockUI not working

<html xmlns="http://www.w3.org/1999/xhtml" 
     xmlns:h="http://java.sun.com/jsf/html" 
     xmlns:f="http://java.sun.com/jsf/core" 
     xmlns:p="http://primefaces.org/ui"> 
    <h:head> 
     <title>TODO supply a title</title> 
     <meta name="viewport" content="width=device-width"/> 
     <script src="js/jquery.min.js"></script> 
     <script src="js/classie.js"></script> 
     <script src="js/menu.js"></script>    
     <script type="text/javascript"> 
      $(function() { 
       $('#da-slider').cslider({ 
        autoplay: true, 
        bgincrement: 450 
       }); 
      }); 
     </script> 
    </h:head> 
    <h:body> 
     <h:form id="registration"> 
      <h1> Sign up </h1> 
      <p:growl id="growl" showDetail="true" /> 
      <p:dialog header="Error registering user" widgetVar="dlg" resizable="false"/> 
      <p:messages id="messages" autoUpdate="true" closable="true"/> 
      <p:panel id="panel"> 
       <h:panelGrid id="grid" columns="2" cellpadding="4"> 
        <p:outputLabel for="username" value="Username:" /> 
        <p:inputText id= "username" value="#{userBean.userId}" required="true">      
        </p:inputText>     
        <p:outputLabel for= "firstname" value="First Name: " /> 
        <p:inputText id="firstname" value="#{userBean.firstName}" required="true"/>     
        <p:outputLabel for= "lastname" value="Last Name: " /> 
        <p:inputText id= "lastname" value="#{userBean.lastName}" required="true"/> 
        <p:outputLabel for= "email" value="Email Address: " /> 
        <p:inputText id= "email" value="#{userBean.email}" required="true" 
           validatorMessage="Invalid email format" > 
        </p:inputText> 
        <p:outputLabel for= "organisation" value="Organisation:" /> 
        <p:inputText id="organisation" value="#{userBean.organisation}" required="true"/> 
       </h:panelGrid> 
      </p:panel> 
      <p class="signin button"> 
       <p:commandButton id="saveButton" value="Proceed" actionListener="#{userBean.createUser()}" onclick="#{userBean.validateForm()}" update="registration:panel @this"/> 
       <p:commandButton value="Reset" update="registration:panel" process="@this" actionListener="#{userBean.resetButton()}"/> 
      </p> 
      <p:blockUI block="panel" trigger="saveButton"> 
       <p>Processing....</p> 
       <p:graphicImage value="http://www.primefaces.org/showcase/images/loading.gif"/> 
      </p:blockUI> 
     </h:form> 
    </h:body> 
</html>

출처

2014-02-14 jpr

브라우저 콘솔에 아무 것도 나타나지 않습니까? –

js와 관련된 다음 내용을 참조하십시오. TypeError : $ .browser가 정의되지 않았습니다. primefaces.js : getPreventDefault() 사용이 권장되지 않습니다. 대신 defaultPrevented를 사용하십시오. jquery.js : 14 , TypeError : $ .ui는 정의되지 않았습니다. primefaces.js : 1 – jpr

이미

<script src="js/jquery.min.js"></script>

PrimeFaces 선박은 번들, 아직 당신은 다운로드 PrimeFaces 만 충돌이 jQuery을 번들로 제공 할 또 다른 하나를 설치했습니다. line 즉 <script src="js/jquery.min.js"></script>

위의 시도하고 도움이 있는지 위

는 제거합니다.

출처

2014-02-14 09:50:57 Makky

아직 작동하지 않습니다. 그러나 이제이 스크립트를 제거하면 blockUI가 작동합니다. 이전에는 그런 일이 없었습니다. 나는 jquery를 제거하는 것이 약간의 개선을했다고 생각한다. – jpr

우리는 더 이상 JQuery를 더 이상 사용하지 않기 때문에 첫 번째 줄 j $ = jQuery.noConflict()없이 시도했지만 작동 중입니다. 조언 해주셔서 감사합니다. – jpr

답변을 수락 할 수 있도록 게시물에서 jQuery.noConflict()를 제거 할 수 있습니까? – jpr

답변

관련 문제