jQueryとf：ajaxとの競合

Question

[送信]ボタンをクリックしたときにjQuery関数が呼び出されることはありません。 commandButton：hでアヤックスライン：私はFを削除する場合

Nevetheless、jQueryのは、クリックを検出します。

どうすればいいですか？f：ajaxと私のjQueryは一緒に機能しますか？

XHTML：

<h:form> 
    <!-- my inputs--> 
    <h:commandButton id="submit-button" type="button" value="Confirm" > 
     <f:param name="id" value="#{param.id}" /> 
     <f:ajax execute="@form" render="@none" /> 
    </h:commandButton> 
</h:form> 

Javascriptを：

jQuery(document).ready(function() { 
jQuery('input[id*="submit-button"]').click(function() { 
    console.log("button clicked"); 
}); }); 

Answer 1

私はコメントとしてこれを書いたが、その長すぎるので、私は答えとしてそれをここに書くでしょう。そのJS-ERRORは動作しません後

// prior this code you could have a JS Error  
jQuery(document).ready(function() { 
    jQuery('input[id*="submit-button"]').click(function() { 
     console.log("button clicked"); 
    }); 
}); 

ので、すべてのJSコード：

は、私はあなたがこの従来JS-エラーを持っていると思います。

考えられる原因はxhtmlのmissConfigurationです。あなたのJSF-Ajax呼び出しもうまく動作しないと仮定します。これは、<h:head></h:head>をxhtmlに含めないと発生します。

<h:head></h:head>タグを含めて、ajaxが正常に動作するようにする必要があります。

あなたのケースでは、ajaxリクエストを作成しようとしていますが、JSFがjsf.jsをxhtmlヘッダーにロードできないために失敗します。これはJavaScriptエラーの原因となります。正しく動作しません。