jqueryのUIダイアログ確認が、私は自分のページにこのリンクを持っている

Question

を確認していない：

<a href='/Admin/Users/Delete/123' class='confirm'>Delete</a> 

<div id="dialog-confirm" title="Delete this user?"> 
    <p> 
     <span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span> 
     This item will be permanently deleted and cannot be recovered. Are you sure? 
    </p> 
</div> 

そしてこのジャバスクリプト：私がすべきのように私は、リンクをクリックしたときに

$("#dialog-confirm").dialog({ 
    autoOpen: false, 
    modal: true, 
    buttons: { 
     "Delete": function() { 
      window.location.href = $(this).attr("href"); ; 
     }, 
     "Cancel": function() { 
      $(this).dialog("close"); 
     } 
    } 
}); 

$("a.confirm").click(function() { 
    $("#dialog-confirm").dialog("open"); 
}); 

ダイアログが開きます。唯一の問題は、私が確認またはキャンセルするのを待たず、ダイアログがポップアップしてURLにリダイレクトされることです。

私はここで間違っていますか？

Answer 1

$("a.confirm").click(function() { 
    $("#dialog-confirm").dialog("open"); 
    return false; 
}); 

falseを返すことで、デフォルトのアクションが発生しないようにする必要があります。

Answer 2

アンカーのクリックイベントからfalseを返す必要があります。それ以外の場合は、ページにhref URlがロードされます。 試してみてください：

$("a.confirm").click(function() { 
    $("#dialog-confirm").dialog("open"); 
    return false; 
});