javascript - 将事件绑定(bind)到 ajax 加载的内容

Question

我使用此代码片段在单击链接后显示微调器。有时链接.ln-edit-task通过 Ajax 加载，并且代码片段中断。如何让它在 Ajax 加载的内容上工作？

jQuery(document).on("ready page:change", function() {
  return $(".ln-destroy-task").on("confirm:complete", function(e, response) {
    if (response) {
      return showSpinner($(this));
    }
  });
});
showSpinner = function(el) {
  return el.find(".fa").removeClass().addClass("fa fa-spinner fa-spin");
};

请注意page:change Rails 中的 Turbolinks 需要它。

Answer 1

尝试

$(document).on("confirm:complete", ".ln-destroy-task", function (e, response) {
    if (response) {
        return showSpinner($(this));
    }
});