Question

我的应用程序中每行表格都有一个删除和刷新按钮的表。当我点击这个按钮时，我的应用程序会在表格中添加适当的行，但在1,2,3次点击之后会增加2,4,8次按钮分别。这是创建表和按钮处理程序的代码片段。

$(document).ready(function(){
    var methodSelector= {methodName:$.cookie("methodName"), filter: $.cookie("filter")};
    $("table.mainTable").empty();
    $("table.mainTable").prepend(filter_head_rows[$.cookie("filter")]);
    var appendingTable=$.ajax({
        url : "database_functions.php",
        type: "POST",
        data : methodSelector,
        success: function(data, textStatus, jqXHR)
        {
            $("table.mainTable").append("<tbody>");
            $("table.mainTable").append(data);
            $("table.mainTable").append("</tbody>");
        },
        error: function (jqXHR, textStatus, errorThrown)
        {

        },
    });
})
    .on("click", ".deleteParticipant", function() {
        var id={id:$(this).parent().parent().find('td#idOfParticipant').html()};
        $.ajax({
            url:"delete.php",
            type: "POST",
            data: id,
            success: function(data, textStatus, jqXHR)
            {   
                $.cookie("currentPage","content")
                $("#mainContent").load($.cookie("currentPage")+".html");
            }
        });
    })
    .on("click","#refresh", function(){
        if ($("#partner").is(":checked"))
        {
            var partner="true";
        }
        else{
            var partner="false";
        }
        var currentData={
            ticketNumber:$("#ticketNumber").val(),
            paymentDate:$("#paymentDate").val(),
            issueDate:$("#issueDate").val(),
            fio:$("#fio").val(),
            birthDate:$("#birthDate").val(),
            workNumber:$("#workNumber").val(),
            mobileNumber:$("#mobileNumber").val(),
            email:$("#email").val(),
            lpu:$("#lpu option:selected").text(),
            structuralSubdivision:$("#structuralSubdivision").val(),
            position:$("#position").val(),
            category:$("#category").val(),
            categoryDate:$("#categoryDate").val(),
            diploma:$("#diploma").val(),
            speciality:$("#speciality").val(),
            degree:$("#degree").val(),
            secondDiploma:$("#secondDiploma").val(),
            chamber:$("#chamber option:selected").text(),
            notice:$("#notice").val(),
            partner:partner
        };
    })

表格：

    <table class="mainTable table table-striped">           <thead>         <tr>                <th></th>               <th>Номер удостоверения</th>                <th>ФИО</th>                <th>Дата рождения</th>              <th>ЛПУ</th>                <th>Должность</th>              <th>Моб. тел.</th>              <th>Раб. тел.</th>              <th>e-mail</th>         </tr>           </thead>        <tbody><tr><td><a href="#" class="btn btn-primary btn-mini deleteParticipant"><i class="icon-white icon-ok"></i>У</a>
<a href="#" class="btn btn-primary btn-mini editParticipant" data-toggle="modal" data-target="#modalWindow"><i class="icon-white icon-ok"></i>Р</a><a href="#" class="btn btn-primary btn-mini participantINFO" data-toggle="modal" data-target="#modalWindowView"><i class="icon-white icon-ok"></i>П</a></td><td id="idOfParticipant">1</td><td>Иванов Иван Иванович</td><td>0000-00-00</td><td>lpu345</td><td>хирург</td><td>+79001234567</td><td>+79001234567</td><td>ivan@gmail.com</td></tr><tr><td><a href="#" class="btn btn-primary btn-mini deleteParticipant"><i class="icon-white icon-ok"></i>У</a>
<a href="#" class="btn btn-primary btn-mini editParticipant" data-toggle="modal" data-target="#modalWindow"><i class="icon-white icon-ok"></i>Р</a><a href="#" class="btn btn-primary btn-mini participantINFO" data-toggle="modal" data-target="#modalWindowView"><i class="icon-white icon-ok"></i>П</a></td><td id="idOfParticipant">32</td><td>Иванов Иван Иванович</td><td>0000-00-00</td><td>lpu345</td><td>хирург</td><td>+79001234567</td><td>+79001234567</td><td>ivan@gmail.com</td></tr></tbody></table>

Answer 1

您的JS代码可能位于＆＃34;行＆＃34;本身，当你添加一个新行时， .on("click"...)触发器加倍。

将此JS代码移到已加载的模板代码之外。

点击后多个ajax查询

1 个答案: