JQuery AjaxがDOMを更新していない

Question

私のページに問題があります。divには値0と2の2つの非表示フィールドがあります。私はajaxクエリをトリガーするボタンを持っていますdivの内容は同じ隠しフィールドを持ちますが、値はそれぞれ1と2です。問題は、私のjavascript（JQueryを使用）がこれらの変更を認識していないように思えることです。私は値が変更されているが、スクリプトの中で、私がやっているときに表示HTMLソースコードを見て、私のページを検査する場合：

$("#btn").click(function() { 
    alert($("#hidden1").val()); 
    alert($("#hidden2").val()); 
}); 

は、それはまだ私の古い値（0と2）DOMかのように表示し更新されていません。誰かが私に助けてくれますか、それが正常であり、それを修正する方法を教えてください。

ありがとうございました 私！

Answer 1

これを試してください：あなたのjQueryのイベントは（）時間.clickで特定の要素にバインドされていると呼ばれているので

$("#btn").on('click', function() { 
    alert($("#hidden1").val()); 
    alert($("#hidden2").val()); 
}); 

Answer 2

それはDOMが更新されていないことはありませんが、それはおそらくです。 DOMが変更されたため（同じIDの新しい要素を削除して追加した可能性があります）、この関数は破棄した要素の値を返します（DOMから削除されてもバインドされているため）。

click()ハンドラの代わりにlive()メソッドまたはon()を使用してください。 jQueryによって提供されるこのメソッドは、呼び出された時点で特定のDOM要素にバインドされませんが、クリックが検出されるたびに動的な参照を行います。