jquery - 如何要求确认并在点击事件中使用 e.PreventDefault

Question

我正在尝试使用 jQuery 实现一些非常基本的(在我看来)功能。我有 Delete 链接:

<a href="/Delete" class="prompt-for-delete">Delete</a>

我想要的只是点击链接时显示某种确认窗口，例如:

你确定要删除这个吗:是/否

如果单击No，我想阻止链接执行。我使用 jquery-1.10.2.min.js 和jquery-ui-1.10.3.min.js 我的 HTML 是:

<div id="dialog-confirm" ></div>
<a href="/Delete" class="prompt-for-delete">Delete</a>

我尝试了在互联网上找到的几种选择。最后一个是:

$(document).ready(function () {

        $('.prompt-for-delete').click(function (e) {
            $("#dialog-confirm").dialog({
                resizable: false,
                height: 140,
                modal: true,
                buttons: {
                    "Delete all items": function () {
                        $(this).dialog("close");
                    },
                    Cancel: function () {
                        $(this).dialog("close");
                    }
                }
            });
        });

    });

这只是为了让某些东西工作，但有了这个，我打开了对话框，并在一秒钟后自动关闭。这似乎是非常标准的事情，那么您能否提供一个示例来说明如何实现这一点？

Answer 1

Confirm() 就是您要查找的内容。这是你如何使用它:

var answer=confirm('Do you want to delete?');

你的 HTML 应该是这样的:

<a id="delete" href="/Delete" class="prompt-for-delete">Delete</a>

还有你的javascript:

$('#delete').on('click',function(e){
    e.preventDefault();
    var answer=confirm('Do you want to delete?');
    if(answer){
     alert('Deleted');
    }
    else{
        alert('Not Deleted');      
    }
});

您可以在此处查看演示:http://jsfiddle.net/c9cLW/1/

编辑:

这里是更新的重定向和阻止事件:

脚本:

$('#delete').on('click',function(e){
    var answer=confirm('Do you want to delete?');
    if(answer){
     alert('Deleted');
    }
    else{
     e.preventDefault();      
    }
});

更新 fiddle :http://jsfiddle.net/c9cLW/5/