jQuery 事件绑定后所绑定的id被重新建立

1. jQuery 第一次绑定事件：

    $("#idCheckBtn").click(function(){
        getIdCheck();
    })

2. 之后对这个btn的父节点id重新填充，发现原来绑定在idCheckBtn的事件不能再触发了。明明id名字没有改变但是由于节点发生了一次重新建立导致所绑定的事件不会再生效了。

$("#id").empty();
$("#id").append('<div class="input-group"><button type="button" id="idCheckBtn" class="btn">Validate</button></div>');

3. 解决方法：将原来绑定到 idCheckBtn 的事件绑定到不会发生变化的 id 节点上，事件会向下去寻找button 并触发事件.

$("#id").on("click", "button", function(){
　　getIdCheck();
});

 

updated on 2021-02-04