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来阻止发生默认操作。

Answer 2

您需要从锚点击事件返回false，否则页面将加载href URl。试试这个：

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

jquery UI对话框确认无法确认

2 个答案: