Как добавить элементы в jcarousel? в C#

Question

Я хотел бы добавить товары в jcarousel с помощью C# WebMethod + JQuery Ajax

для этого я сделал что-то вроде этого:

мой Html походит:

<div> 
      <ul id="mycarousel" class="jcarousel-skin-tango" style="float: left"> 
      </ul> 
     </div> 

Jquery код для jcarousel и Ajax Метод таков:

$("#mycarousel").empty(); 
     var element =jQuery('#mycarousel'); 
     $.ajax({ 
      url: "Home.aspx/GetProjectData", 
      type: "POST", 
      dataType: 'json', 
      contentType: 'application/json; charset=utf-8', 
      data: "{}", 
      async: false, 
      success: function (response) { 
       if (response.d != null) { 
        //$.each(response.d, function (i, response) { 
        $("#mycarousel").html('response.d'); 
        element.jcarousel(
         { 
          pager: true, 
          visible: 6 
         }); 
       } 
       else { 

       } 
      }, 
      error: function (xhr) { 
      } 
     }); 

и WebMethod, как это:

[WebMethod] 
     public static List<string> GetProjectData() 
     { 
      // here i have 3 list in returnvalue 
      foreach (var item in returnvalue) 
      { 
       var classvalue = item.Soid + "|" 
          + item.ProjectTitle + "|" 
          + item.Role + "|" 
          + item.StartDate + "|" 
          + item.EndDate + "|" 
          + item.Location.Country + "|" 
          + item.Location.State + "|" 
          + item.Location.City + "|"; 
       string Template = "<li><img src='../Images/DefaultPhotoMale.png' class='"+ classvalue + "' width='40' height='40' alt='image'/></li>"; 
       list.Add(Template); 
      } 
      return list; 

     } 

, но проблема в том, что я не способен к изображениям в jcarousel, я вижу только белый ящик, я не могу видеть изображения внутри, почему?

Answer 1

Я не уверен, но не нужно добавлять элементы вроде этого:

var listItem = $(response.d); //I'm guessing reponse.d is your returned li 
element.append(listItem);