なぜ私のダイアログボックスは一度だけ動作しますか？

Question

私はダイアログボックスを持っており、その中には2つのボタンがあり、1つは継続し、もう1つはキャンセルします。

$(document).ready(function(){ 
$("[name=resetPwd]").click(function(){ 
    var id = $(this).attr("userid"); 
    var email = $("[field=emailAddress].[userid="+id+"]").text(); 
    var name = $("[field=firstName].[userid="+id+"]").text(); 

    var message = $('<div></div>') 
    .html('You are about to reset the password for:<br/>'+name+'.<br/>This will send an e-mail to:<br/>'+ 
      email+'<br/><br/><input id="_continue" type="button" value="Continue" /> <input id="_cancel" type="button" value="Cancel" />') 
    .dialog({ 
     title: 'Reset Password' 
    }); 

    message.dialog('open'); 


    $("#_cancel").click(function(){ 
     message.dialog('close'); 
    }); 

}); 

それだけで正常に動作し、（1回目）のすべての私のデータがある、私はキャンセルし、それは閉じますが、私は再びdoesntのをキャンセルしようとすると、もう何かをクリックしたとき。誰かが間違って何をしているか知っている？ pleaseとthanks

Answer 1

resetPwd要素をクリックするたびに、新しいダイアログオブジェクトを作成しています。

クリックハンドラーの外にダイアログを作成し、オープンメソッドとクローズメソッドを使用して参照するだけです。

Answer 2

$("[name=resetPwd]").click体機能のうち$("#_cancel").clickを移動してみてください。また、$(document).ready関数を正しく終了していません。 ID =メッセージで空のdivを作成し、更新されたコードを試してみてください。

$(document).ready(function(){ 
    $("[name=resetPwd]").click(function(){ 
     var id = $(this).attr("userid"); 
     var email = $("[field=emailAddress].[userid="+id+"]").text(); 
     var name = $("[field=firstName].[userid="+id+"]").text(); 

     var message = $('#message') 
     .html('You are about to reset the password for:<br/>'+name+'.<br/>This will send an e-mail to:<br/>'+ 
       email+'<br/><br/><input id="_continue" type="button" value="Continue" /> <input id="_cancel" type="button" value="Cancel" />') 
     .dialog({ 
      title: 'Reset Password' 
     }); 

     message.dialog('open'); 
    }); 
    $("#_cancel").click(function(){ 
     $('#message').dialog('close'); 
    }); 
}); 

EDITを：

これを試してみてください。