如何在jcarousel中添加项目？在C＃中

Question

我想使用c＃Webmethod + jquery Ajax在jcarousel中添加项目

因为我做了这样的事情：

我的Html就像：

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

jcarousel和Ajax方法的Jquery代码是这样的：

 $("#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);