Javascript 使用handlebar.js预加载模板

我制作了一个小应用程序，它显示base64编码的图像，下面有一些文本。我使用iScroll进行滚动，使用handlebar.js进行屏幕模板

我的问题是，有时调用iScroll.refresh（）方法太早，无法计算正确的维度

app.dataInterface.getContents(self.gameid, self.state, function(contents){
    self.currentContents = contents;
    for (i=0; i<contents.length; i++) {
        $(IngameView.cimgtemplate(contents[i])).hide().appendTo(".content").fadeIn();
    }
    self.setScroll();
    });

app.dataInterface.getContents（self.gameid、self.state、function（contents）{
self.currentContents=内容；
对于（i=0；i我不知道如何编译车把模板，但下面是我如何通过使用带有自定义json请求的通用模板编译函数来解决此问题的：

function initTemplate(jsonWS, templateName, callback){
$.ajax({
    url: jsonWS,
    dataType: 'json',
    data: { 'field-action': 'select', 'jquery-list': templateName },
    success: function(data){
        var templateScript = $('#' + templateName).html();
        var template = Handlebars.compile(templateScript); 
        $('.' + templateName).html(template(data)); 
    },
    complete: function(){
        if(callback != null) callback();
    },
    error: function(data){
        notify(data.responseText);
    }
});
}

如果要确保数据在播放之前已加载，请传递一个回调函数，该函数将仅在模板完全呈现时调用

function initTemplate(jsonWS, templateName, callback){
$.ajax({
    url: jsonWS,
    dataType: 'json',
    data: { 'field-action': 'select', 'jquery-list': templateName },
    success: function(data){
        var templateScript = $('#' + templateName).html();
        var template = Handlebars.compile(templateScript); 
        $('.' + templateName).html(template(data)); 
    },
    complete: function(){
        if(callback != null) callback();
    },
    error: function(data){
        notify(data.responseText);
    }
});
}