检查附加对象并向该对象添加功能

Question

我在WooCommerce中制作了一个模态，显示了成功的消息等。关闭模态我有问题。页面加载时，模态尚不存在。所以我不能将js应用于它。如何在附加模态后应用该函数？

这就是我尝试过的（在coffeescript中）：

#closing the modal
  if $('.modal-close').length > 0
    close = $('.modal-close')

    close.click (e) ->
      e.preventDefault()

      if $('.modal').length > 0
        $(this).removeClass "modal-active"

谢谢！

Answer 1

使用事件委托！

jquery文档有一些很好的信息here。

$('body').on('click', '.modal-close', function(e) {
    e.preventDefault();
    $('.modal-active').removeClass('.modal-active');
});