jQuery.handlebars模板不在動態DOM附加呈現

Question

我一直在使用動態DOM追加來初始化我的應用程序，使用jQuery.handlebars作爲模板庫。但jQuery.handlebars的問題在於它不會將模板呈現給動態調用的DOM。示例

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

     }); 
    )}; 

默認爲模板文件default.hbs，所有模板路徑都已正確初始化。

，但它的情況下工作，其中

的index.html

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

jQuery的文件

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

    }); 

與jQuery.handlebars的另一個問題是，它不附加任何元素使用jQuery的模板。例如

default.hbs

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

jQuery代碼

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

，但內容 「嗨」 不會出現。

這是有點混亂，請指教，如果它的錯誤或如果有人反對使用jQuery.handlebars，請建議一個新的模板庫去。

Answer 1

jquery.handlebars渲染方法是異步的。您正在嘗試在渲染完成之前追加到容器。呈現方法在完成呈現時觸發「render.handlebars」事件。在回調中進行DOM操作。

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

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