json - 如何通过 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 语法。