ページの更新後にjquery.change関数が起動しない

Question

私はjQueryの新機能ですが、.change関数を使用しようとしています。だから私がやっていることは、値がフォーム上で変更されたかどうかを調べることです。私のアプリケーションにはいくつかのマスターページ、更新パネルなどがあります。 （ASP.net）だから私は、マスターページに次のコードを使用しています：

<asp:HiddenField ID="_Changed" runat="server" Value="false" /> 

     <script> 
      $(":input").change(function() { 
       document.getElementById('_Changed').value = "true"; 
       alert("Change occured"); 
       return false; 
      }); 
     </script> 

これは、すべてのフォームに複数回動作しますが、私は実際にそれを使用しようとしています、それは一度だけ動作する一つの形に。この他のフォームは、非表示フィールドと対話する唯一のフォームです。このページのコードは次のとおりです。

<script> 
function Home_Click() { 
     var boolRetVal = false; 
     if (document.getElementById('_Changed').value == "true") { 
      if (confirm("You have unsaved data do you wish to proceed?")) { 
       boolRetVal = true; 
       document.getElementById('_Changed').value = "false"; 
      } 
     } else { 
      boolRetVal = true; 
      document.getElementById('_Changed').value = "false"; 
     } 

     return boolRetVal; 
    } 
</script> 

<asp:Button ID="btnHome" runat="server" Text="Home" OnClientClick="return Home_Click()" 
            OnClick="btnHome_Click" CausesValidation="false" /> 

だから誰かがホームボタンをクリックしたときに、彼らは確認プロンプトに[OK]をクリックし、画面が.changeクエリが再び実行されることはありません再読み込みします。私はそれがちょうどもう一度実行されないjavascriptのエラーは表示されません。

Answer 1

あなたのページの一部を更新して$(":input").change(...されている場合は、単に最初のページの状態で実行され、リフレッシュにロードされた新しい$(":input")が行われていません。

$(":input").live("change",... 

したがって、新しい入力すべてにバインドされます。

Answer 2

（1.7以上のjQueryを必要とする）次のことを試してみてください。

<script type="text/javascript"> 
    $(":input").on("change", function (e) { 
     e.preventDefault(); 
     $("#<%: _Changed.ClientID %>").val("true"); 
     alert("Change occured"); 
    }); 
</script>