Question

我有一个按钮，当点击它时，会触发一个borrame（）函数：

$("div").on ("click", ".bBorrar", function () {
    var id = $(this.parentNode.parentNode).attr("id");
    var tabla = $("table").attr("id");
    borrame(id, tabla);
});

borrame函数如下：

function borrame(id, tabla) {
    $.ajax({
       url: "includes/borra.php",
       type: "POST",
       data: {id: id, tabla: tabla},
       beforeSend: function()  {
            if  (!confirm("Are you sure?")){
            exit(0);
            }
        },
       success: function(data) {
           alert(data);
           var este = "#"+id;
           $(este).remove();
       },
       error: function() {
           alert ("Error");
       }
    });
}

我不明白为什么“你确定吗？”单击按钮时确认出现两次。有什么想法吗？

更新这是HTML：

<table>
<tbody>
    <tr>
        <th>info</th><th>info</th><th>info</th>
    </tr>
    <tr id="1">
        <td>info</td>
        <td>info</td>
        <td>info</td>
        <td><button class="bBorrar btn btn-danger">Delete</button></td>
    </tr>
</tbody>

更新2 ：HTML由PHP动态生成。

Answer 1

尝试使用$(document)对象，而不是div，多个div可以发出多个请求。

$(document).on("click", ".bBorrar", function () {
    var id = $(this.parentNode.parentNode).attr("id");
    var tabla = $("table").attr("id");
    borrame(id, tabla);
});

jQuery beforeSend！确认警报两次

1 个答案: