javascript - 聆听 Handlebars 渲染

Question

我想要实现的是：

• 呈现模板后绑定到表单提交以添加微调器
• 在渲染模板之前移除微调器（如果存在）

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

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

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

Answer 1

绑定到表单提交的第一个问题可以通过 jQuery 的on handler $(document).on("submit", "form", function(event) { ... });来解决。这适用于所有表单，只要它们附加到 DOM。

对于渲染部分，制作一个包装.html()调用并触发事件的小型 jQuery 插件。然后绑定内容元素来监听。例如$("#content").bind("render", function() { /* REMOVE SPINNER */ });和$("#content").render(/* WHATEVER IT TAKES TO GET HTML OUT OF HANDLEBARS */);。最后是插件：

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

我创建了一个小提琴来演示后一种情况（没有把手）。