Javascript jQuery.handlebar模板未在动态DOM追加上呈现

我一直在使用动态DOM追加来初始化我的应用程序，使用jQuery.handlebar作为模板库。但是jQuery.handlebar的问题是它不会将模板呈现给动态调用的DOM。范例

   $(document).ready(function(){
         $('body').append('<div id="content"></div>');
         $('#content').render('default', {

         });
   )};

handlebar的另一个问题是，它没有使用jQuery在模板中附加任何元素。范例

default.hbs

    <div id="#append-content"></div>

但内容“Hi”不会出现

---

这有点让人困惑，如果它是错误的，或者对于jQuery.Handlebar的使用有任何异议，请说明，请建议使用一个新的模板库。

jQuery.Handlebar渲染方法是异步的。您正在尝试在渲染完成之前附加到容器。render方法在完成渲染时触发“render.handlebar”事件。在回调中执行DOM操作

$('#content').render('template', {

}).on('render.handlebars', function() {
  $('#append-content').html("hello");
}); 

---

你在jsbin或JSFIDLE中有失败的演示吗？@blessenm这个插件告诉你它是什么。但是在这个例子中，第一个问题部分解决了…在template.hbs中添加内容是一个大问题。非常感谢，@blessenm，它很有魅力，顺便说一句，我找不到太多jquery.handlebar的文档，我可以知道你是否有任何可以分享的参考资料吗？我只是浏览了一下插件的源代码。这是一个非常简单的插件。一定要接受答案。

    <div id="#append-content"></div>

     $('#append-content").html('Hi');

$('#content').render('template', {

}).on('render.handlebars', function() {
  $('#append-content').html("hello");
});