Question

我想知道如何将click事件绑定到稍后通过ajax调用添加的元素。我知道在jQuery中你可以这样做：

bindAjaxBtn: function(selector, fnName) {
    let isBinded = false;
    document.addEventListener('click', function(e) {
        const btn = document.querySelector(selector);
        if(btn === e.target) {
            if(!isBinded) {
                btn.addEventListener('click', function() {
                    fnName();
                    isBinded = true;
                });
                btn.click();
            }
        }
    });
},

但此时我还没有使用jQuery。我的想法是这样的，但是如果你两次调用同一个文件就不行了（不确定是否需要它，但我想让它变得无弹）。

{{1}}

任何帮助将不胜感激。：）

Answer 1

非常简单。你可以尝试这个。这对你有帮助。

document.getElementById('btn').setAttribute('onClick','myfunction()');
function myfunction(){
  alert('Button Clicked');
}

<button id="btn">Click Here</button>

快乐编码。

绑定点击加载ajax的内容，纯JavaScript，没有jQuery

1 个答案: