綁定事件監聽器函數，我以后需要調用該函數嗎？

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之后執行。