0

我正在使用 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!")
}

});

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

这怎么能避免！

已编辑

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

}

});
4

3 回答 3

5 
$('#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!")
     }

});

于 2012-05-12T18:04:48.643 回答
1

您似乎将多个事件附加到按钮。你确定你只打电话live()一次，而且只有一次吗？如果你多次调用它，你会得到多个处理程序。

（当然，这就是为什么我更喜欢只使用.onclick = function() {...}个人）

于 2012-05-12T17:48:52.037 回答
0

看起来代码是为每次点击执行一次确认而编写的。如果您希望它只确认一次，您必须让代码记住您已经确认。

在服务器调用您的成功回调函数之前，不会删除该行。在此期间，您可以继续单击该行并触发单击事件。

您可以在用户确认时在行上设置变量或属性，然后在每次单击时检查此变量。仅在未设置变量时显示确认消息。

或者您可以更改您单击的元素的状态、更改其图像、更改样式、设置属性。您既可以通知您的代码它已被单击，也可以向用户指示该行已被标记为删除。

或者您可以尝试 jquery 的 .one() 方法来附加事件。

于 2012-05-12T17:56:24.387 回答