Question

我动态创建了几个按钮。我在jquery中使用$ .on函数向他们添加了点击处理程序。有时该点击有效，有时却没有注册该点击。我必须再次刷新页面以检查点击是否正常。为什么会这样？

function searchCompany() {
    $("#search-result").html('');
    let name = $("#company-name").val();
    $.ajax({
        url: `http://localhost:5000/manualharmonization/query?name=${name}`,
        success: function (data) {
            data.map((el, i) => {
                $("#search-result")
                    .append(`<tr class="list-item"><td>${el.applicant_original}</td>
                    <td><button class=${el.flag == 0 ? "button" : "submitted"} id="${i}"
                    type="button">Select</button></td>
                  </tr>`);

                res.push({
                    applicant_original: `${el.applicant_original}`,
                    flag: `${el.flag}`, name_friendly: `${el.name_friendly}`, appl_ref_no: `${el.appl_ref_no}`,
                    psn_id: `${el.psn_id}`, appl_key: `${el.appl_key}`
                })
            });
        },
        error: function (e) {
            console.log(e);
            alert(JSON.stringify(e));
        }
    });


    $("#search-result").on("click", "button", function () {
        if (res[`${event.srcElement.id}`].flag == 0) {
            $(`#${event.srcElement.id}`).removeClass("button");
            $(`#${event.srcElement.id}`).addClass("submitted");
            res[`${event.srcElement.id}`].flag = 1;
        } else {
            $(`#${event.srcElement.id}`).removeClass("submitted");
            $(`#${event.srcElement.id}`).addClass("button");
            res[`${event.srcElement.id}`].flag = 0;
        }
    })


}

Answer 1

尝试一下，我相信这一定会为您服务。

$('body').on('click','.yourButtonClass',function(){
    alert('hi! I am clicked');
    });

jQuery .on（“ click”，（）=> {}）不一致

1 个答案: