c# - 如何在 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);