0

c# Webmethod + jquery Ajax を使用して jcarousel に項目を追加したい

そのために私はこのようなものを作りました:

私のHtmlは次のようなものです:

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

jcarousel と Ajax Method の 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 で画像を表示できないことです。白いボックスしか表示されず、内部の画像を表示できません。なぜですか?

スクリーンショット

4

1 に答える 1

1

よくわかりませんが、次のように要素を追加する必要はありません。

var listItem = $(response.d); //I'm guessing reponse.d is your returned li
element.append(listItem);
于 2013-02-26T15:00:41.383 に答える