javascript - 确认框多次出现

Question

我正在使用 jquery 使用 ajax，我使用以下代码片段删除一行:

$('#example a.delete'). live('click', function (e) {
e.preventDefault();
if (confirm("Are you sure you want to delete this row?"))
{

     alert("Hello World!")
}

});

当我点击 GridView 显示按钮时，由于ajax， GridView 出现而没有页面刷新。如果我多次单击 GridView 显示按钮，它会相应地再次刷新 GridView 区域。但是确认框显示不止一次，这等于我的没有。当我点击单行删除按钮时，点击 GridView 显示按钮的次数。

如何避免这种情况!

已编辑

HTML 代码:

<td><a class="delete" href="#" style="margin-left: 10px"><img src="images/delete-icon.png" width="16px" height="16px" /></a></td>

已编辑

完整代码片段:

$('#example a.delete'). live('click', function (e) {
e.preventDefault();
if (confirm("Are you sure you want to delete this row?"))
{
    $getCode = $(this).parent().parent().attr('id');
    var oTable = $('#example').dataTable();
    var index =oTable.fnGetPosition( document.getElementById($getCode) );

    $.post("DeleteDepartment", {
        depID:$getCode                   
    }, function(data) {
        if(data.result >0){
            var oTable = $('#example').dataTable();
            oTable.fnDeleteRow( index );
        }else{
            alert("Operation Fail");
        }
    });

}

});

Answer 1

$('#example a.delete').unbind('click').bind('click', function (e) {
     e.preventDefault();

     if (confirm("Are you sure you want to delete this row?"))
     {

        alert("Hello World!")
     }

});