jQuery関数がボタンをクリックしてJSFから呼び出していない

Question

jQueryファイルに関数が含まれています。私のページが読み込まれると、スクリプトが実行されます。それが呼び出されることを意味します。ここにjQueryファイルがあります。

(function($){ 

    var $firstPara = $('p').eq(1); 
    $firstPara.hide(); 

    function checkValidation() { 

     var labelElementArray = $("label.mandotary"); 
     var inputElementArray = $("input.mandotary"); 
     var selectElementArray = $("select.mandotary"); 

     $.each(inputElementArray, function(index, element){ 

      var text = $(element).text(); 


     }); //end of $.each(inputElementArray, fn) 

     $.each(selectElementArray, function(index, element) { 

      ////nothing 

     }); //end of $.each(selectElementArray, fn) 

    } //end of function checkValidation() 

})(jQuery); //end of (function($){} 

ボタンが付いたJSFフォームがあります。

<h:head> 
    <title>Facelet Title</title> 
    <h:outputScript library="javascripts" name="jquery.js" target="body"/> 
    <h:outputScript library="javascripts" name="validation.js" target="body"/> 

</h:head> 

<h:body> 

    <h:form id="validationFrom" > 

     <h:commandButton id="saveButton" 
         value="Save" 
         onclick="checkValidation()"/> 


     <h:commandButton id="cancelButton" 
         value="Cancel" /> 

    </h:form > 

</h:body> 

保存ボタンをクリックすると、checkValidation（）関数が定義されていません。どうして？ 私はここで間違っていますか？

おかげ

Answer 1

Welpは、私はJSFは、私はちょうどやったと私はまた、あなたが使用しているjQueryの構文の一部に慣れていないよグーグルの少量以外の何であるか見当がつかない。 JSFページに対して働くことができると仮定すると、任意の正規の古いHTMLページと同じ、ここに

$(function() { 
    // Do any work you want to occur when the DOM is ready here. 

    $("#saveButton").click(checkValidation); 
} 

function checkValidation() { 
    // Check validation here 
} 

が続いてJSFであなたのonclickのビットを取り除く...私はそれを行うだろう方法です。

Answer 2

は、この場所で

$(document).ready(function() { 

}); 

をあなたのJSコードをラップし、代わりに

ファイルとJSから

(function($){ と

})(jQuery); //end of (function($){}

を削除しよう

もう一つ

EDIT：

はあなたのjQueryのコード