javascript - 聆听 Handlebars 渲染

Question

我想实现的是:

• 呈现模板后绑定(bind)到表单提交以添加微调器
• 在呈现模板之前移除微调器(如果存在)

我想如果有一种方法可以绑定(bind) Handlebars 的渲染，就很容易实现。我还没有找到任何可能的线索。

我试图解决这个问题的方法可能不是正确的方法，所以请随意提出其他方法。

这是一个使用 Davis 的单页应用程序用于路由和 jQuery 用于 DOM 操作。

Answer 1

绑定(bind)到表单提交的第一个问题可以用 jQuery 的 on handler 解决。 $(文档).on("提交", "表单", function(event) { ... });。这适用于所有附加到 DOM 的表单。

对于渲染部分，制作一个包装 .html() 的小型 jQuery 插件调用并triggers一个事件。然后绑定(bind)内容元素来监听它。例如。 $("#content").bind("render", function() {/* REMOVE SPINNER */}); 和 $("#content").render(/*从 HANDLEBARS 中获取 HTML 所需的一切 */);。最后是插件:

(function($) {
  $.fn.render = function(htmlString) {
    var selector = this;
    selector.html(htmlString);
    selector.trigger("render");
  };
})(jQuery);

我创建了一个 fiddle演示后一种情况(没有 Handlebars )。