Owl carousel动态数据绑定json

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。我不想get与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];
                }
            }});

我如何使用这个jsonData对customondatassuccess (data)函数?

Answer 1

试试这个。我使用猫头鹰与髭须。js和我模板的内容在其他方式，但我想这应该适用于你了。

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