javascript - 绑定(bind)事件监听函数，以后需要调用该函数吗？

Question

我正在使用一个包含这些事件监听器的 API，用于将 div 的显示从隐藏更改为可见。

function bindEventListeners() {
    /* cart close button listener */
    $('.cart .btn--close').on('click', closeCart);

    /* click away listener to close cart */
    $(document).on('click', function(evt) {
      if((!$(evt.target).closest('.cart').length) && (!$(evt.target).closest('.js-prevent-cart-listener').length)) {
        closeCart();
      }
    });
};

这些监听器不起作用，点击离开监听器不起作用，关闭按钮也不起作用。在支持文档中，它们只是这样给出的，但是是否需要在某个地方调用函数bindEventListeners才能让它们工作或者它们应该如何监听？

Answer 1

您需要在 .cart .btn--close 存在后调用 bindEventListeners()。如果该元素静态存在于页面上，您应该在 $(document).ready() 处理程序中调用它，例如

$(document).ready(function(){
    bindEventListeners();
})

或者，如果 .cart .btn--close 是通过 ajax 调用动态创建的，那么 bindEventListeners() 应该在加载到 DOM 后完成。