javascript事件监听器不适用于ajax加载的内容

Question

你好，我已经通过ajax加载了div，并希望为javascript事件监听器提供addEventListener方法，但这不起作用。下面是我的代码

var QuantityMiniCart = function() {
var infor = document.querySelectorAll( '.mini-cart-product-infor' );
if ( ! infor.length ) {
return;
}
};
(function () {
document.addEventListener('DOMContentLoaded',function () {
QuantityMiniCart();
})
})();
infor.forEach(
function( ele, i ) {

input       = ele.querySelector( 'input.qty' ),

}
// Check valid quantity.
input.addEventListener(
'change',
function() {
}
);
}
);

这是ajax代码

$.ajax({
type: 'POST',
url: add_mini_cart_ajax.ajax_url,
data: {
action : 'mode_theme_update_mini_cart'
},
success: function( response ) {
$('.confirm-product').html(response);
},
error: function(e) {
console.log(e)
return;
}
});

confirm产品包含从ajax加载的.mii-cart产品信息。请帮助这个

Answer 1

querySelectorAll只能选择运行该命令时存在的元素。它不能做任何事情，哪些元素还不存在！

因此，如果您正在通过AJAX加载更多内容，那么在运行问题中显示的代码后，一旦AJAX调用完成，您就需要将事件侦听器单独添加到任何新下载的元素中。