如何通過Handlebars模板從平面JSON文件中提供圖像滑塊？

我想通過Handlebars模板從平面JSON文件提供圖像滑塊（flexslider）。爲此我嘗試了這一點。如何通過Handlebars模板從平面JSON文件中提供圖像滑塊？

$.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代碼有什麼問題？

來源

2013-09-05 Jaydev

「成功」處理程序是否被調用？任何錯誤？ –

我找到了解決方案，一切正常，但一行是$（'＃imageslider'）。innerHTML = tmpl（data）;它應該是$（'＃imageslider'）。HTML（tmpl（data））; – Jaydev

您可以將該答案寫爲答案並接受答案（但您可能需要等待一天才能接受您的所有者答案），AFAIK回答的問題比未答覆的問題更容易找到，這些信息可能對其他人有用。 –

我找到了解決辦法，一切都很好，但一條線是

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

應該

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

因爲它遵循了jQuery了Syntex。

來源

2013-09-10 05:14:07 Jaydev

如何通過Handlebars模板從平面JSON文件中提供圖像滑塊？

回答

相關問題