Question

$(".btn-close").on('click', function () {
    alert('click');
    var win = $(this).closest("div.window");
    var winID = win.attr("id");

    $(win).find("*").each(function () {
        var timerid = $(this).attr("data-timer-id");
        if (timerid != null || timerid != 'undefined') {
            window.clearInterval(timerid);
        }
    });

    if (winID != 'undefined' || id != null) {
        $('#' + winID).remove();
    }
});

因为我使用.on（＆＃39;点击＆＃39;），我认为这会将动态添加的项目处理到dom，还是不正确？

当用户点击按钮时，我通过ajax将元素添加到元素中。但当我点击它关闭时，事件不会发生。

处理此问题的最佳方法是什么？

Answer 1

$('body').on('click', '.btn-close' , function(){})

看看Event binding on dynamically created elements?

on（＆＃39;点击＆＃39;）在通过ajax向dom添加元素时不会触发

1 个答案: