asp.net - 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>

还有这个 JavaScript:

$("#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");
});

当我单击链接时，对话框将像我应该打开的那样打开。唯一的问题是它不会等我确认或取消，直接弹出对话框并重定向到该网址。

我在这里做错了什么？

Answer 1

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

您需要通过返回 false 来防止发生默认操作。