2014-12-07 6 views
1

안녕하세요, 저는 JSF와 jQuery를 처음 사용합니다. jQuery 항아리와 팩을 다운로드해야 사용할 수 있습니까? 내 코드에서 jquery 함수를 호출 할 수 없기 때문에.JSF에서 jQuery를 사용하는 방법은 무엇입니까?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<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:ui="http://java.sun.com/jsf/facelets"> 

    <h:head> 
    <script type="text/javascript" src="js/jquery-1.7.1.js"></script> 
    <script type="text/javascript" src="js/06.js"></script> 
    <script type="text/javascript"> 

    $(document).ready(function() { 

     $("#form\\:name").click(function() { 
     alert("hii"); 
     }); 
    }); 
</script> 

</h:head> 
<h:body> 
    <h:form id="form"> 
     <h:outputText id="hi" value="hi guys"></h:outputText> 
     <input id="name" /> 
    </h:form> 
</h:body> 
</html> 

출력 상자를 클릭하면이 경고가 팝업되지 않습니다.

필자는이 종속성을 사용합니다.

<dependency> 
    <groupId>com.efsavage.jquery</groupId> 
    <artifactId>jquery-maven</artifactId> 
    <version>1.7.2</version> 
</dependency> 

답변

0

다른 웹 응용 프로그램에서와 같이 사용할 수 있습니다. jsf 태그는 onclick 속성도 지원합니다. 내 jsf-frontend 완전 구성된 웹 응용 프로그램 (JSF2.2 + Primefaces + JQuery)을 다운로드하여 테스트하십시오. Here is a link, JSF2.2 front end

주 : Primefaces는 Jquery도 사용하며이를 사용할 수도 있고 jquery를 건너 뛰고 포함시킬 수도 있습니다. 내 프로젝트에서 헤더 파일을 구성 할 수 있습니다.

여기도 좋은 예입니다. How to get JSF id via jQuery 행운을 빈다.

+1

사실 내 질문은 POM 파일에 Jquery jar 파일을 포함해야합니까? 경우 예. 내가 포함해야하는 jar 파일과 어떻게

관련 문제