Question

我想将我的数据绑定到owl carousel。我可以用json数据路径绑定它。像这样：

   $("#owl-demo").owlCarousel({
    jsonPath: 'json/customData.json',
    jsonSuccess: customDataSuccess});

   function customDataSuccess(data) {
    var content = "";
    for (var i in data["items"]) {
    var img = data["items"][i].img;
    var alt = data["items"][i].alt;
    content += "<img src=\"" + img + "\" alt=\"" + alt + "\">"
    }
    $("#owl-demo").html(content);
   }

但是，我正在使用ajax。我不想得到json文件。我的代码：

  jQuery.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            url: "DetailSrv.asmx/GetDetails",
            data: JSON.stringify({ id: categoryID }), 
            dataType: "json",
            success: function (sonuc) {
                jsonData = JSON.parse(sonuc.d);
                console.log(jsonData);
                var html = "";
                for (var i = 0; i < jsonData.length; i++) {
                    var itemData = jsonData[i];

                }
            }});

如何在custonDataSuccess（数据）函数中使用此jsonData？

Answer 1

试试这个。我正在使用带有mustache.js的猫头鹰，我以其他方式模板化内容，但我想这也适用于你。

$("#owl-demo").data('owlCarousel').addItem(content);

猫头鹰轮播动态数据与json绑定

1 个答案: