jcarousel에서 항목을 추가하는 방법은 무엇입니까?</p> <p>내 html로 같은 것입니다 : jcarousel에 대한</p> <pre><code><div> <ul id="mycarousel" class="jcarousel-skin-tango" style="float: left"> </ul> </div> </code></pre> <p>jQuery 코드 나는 이런 식으로 뭔가를 만들어 C#으로

Question

나는 그것을 위해 C#을 WEBMETHOD + jQuery를 사용하여 jcarousel에서 아약스

를 항목을 추가하고 싶습니다

$("#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는 다음과 같습니다 :와 Ajax 방법은 다음과 같이이다

[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);