javascript eventlistener不适用于ajax加载的内容

您好，我已经通过ajax加载了div，并希望为javascript eventlistener提供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加载的.mini-cart产品infor。请为此提供帮助

queryselector所有

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

---

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

这可能是因为在实际呈现AJAX加载的元素之前分配了这些事件侦听器。阅读有关如何帮助您解决此问题的内容。您能用此代码为我提供解决方案吗？我建议的内容中的哪一部分您正在努力解决？您已经知道（因为我可以在代码中看到），如何选择元素并向它们添加事件侦听器。因此，我有点不确定您需要的是什么示例。如何在ajax加载成功后添加事件侦听器在“success”函数中，编写一些代码，在将事件侦听器添加到页面后，将它们附加到所需的元素。或者，从该函数调用另一个执行该任务的函数。它基本上与您已经为其编写代码的过程相同，您只是从不同的地方运行它。