如何通过Handlebars模板从平面JSON文件中提供图像滑块？

Question

我想通过Handlebars模板从平面JSON文件中提供图像滑块（flexslider）。为此，我尝试了这个。

$.ajax({
    type : 'GET',
    dataType : 'json',
    async: false,
    url: window.location.href + "JSON/carousel-data.json",
    success : function(data) {
        console.log(data); 
        var src = document.getElementById("sliderTemplate").innerHTML;
        var tmpl = Handlebars.compile(src);
        $('#imageslider').innerHTML = tmpl(data); 
        $('.flexslider').flexslider({animation: "slide"});
    } 
});

但此代码未实例化滑块。 但是，如果我将相同的JSON文件内容分配给同一JS文件中的变量并将其传递给Handlebars模板，则可以正常工作。

我的ajax代码有什么问题？

Answer 1

我找到了解决方案，一切都很好，但是一行是

$('#imageslider').innerHTML = tmpl(data);

应该是

$('#imageslider').HTML(tmpl(data));

跟随jQuery syntex。