2014-12-07 48 views
1

嗨,我是JSF和jQuery的新手。 我是否需要下載任何jQuery jar包並打包才能使用? 因爲在我的代碼中,我無法調用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

你可以使用它作爲另一個web應用程序,jsf標籤也支持onclick屬性。 請下載我的jsf-frontend完全配置的Web應用程序(JSF2.2 + Primefaces + JQuery)並對其進行測試。 Here is a link, JSF2.2 front end

一注:Primefaces也使用jquery,你可以使用它,或者你可以跳過幷包含你的jQuery。 在我的項目中,您可以找到頭文件白色配置。

這裏也是很好的例子How to get JSF id via jQuery 祝你好運!

+1

其實我的問題是我需要將Jquery jar文件包含到POM文件中嗎?如是。我應該包含哪些jar文件以及如何在