javascript - 来自 jquery 的 aspx 错误绑定(bind)

Question

在 Bootstrap 轮播上绑定(bind)一些数据时遇到问题。数据设置完美，但在 HTML 上的绑定(bind)失败。
这里是 jQuery 片段:

function OnSuccessNews(response) {
var news = response.d;
$(news).each(function (item) {
    $("#notizie").append("<div class=\"item container\">");
    $("#notizie").append("<h4>" + news[item].Title + "</h4>");
    $("#notizie").append("<p>" + news[item].Text + "</p>");
    $("#notizie").append("<div class=\"post\"></div>");
    $("#notizie").append("</div>");
});
$('.item').first().addClass('active');
$('#carouselNews').carousel();
}

然后是aspx页面:

<div class="row">
    <div class="col-md-12">
        <div class="carousel slide" id="carouselNews">
            <div class="carousel-inner" id="notizie"></div>
        </div>
    </div>
</div>

问题是:我必须在 bootstrap carousel 中绑定(bind)一些新闻(带有标题和文本)，成对地循环无限新闻。
现在这段代码显示新闻中的所有数据而且没有循环。如何一次显示2条新闻并循环显示下一条？

Answer 1

这样做:

function OnSuccessNews(response) {
var news = response.d;
$(news).each(function (item) {
    var container = $("<div class=\"item container\"></div>");

    container.append("<h4>" + news[item].Title + "</h4>");
    container.append("<p>" + news[item].Text + "</p>");
    container.append("<div class=\"post\"></div>");
    $("#notizie").append(container);
});
$('.item').first().addClass('active');
$('#carouselNews').carousel();
}

创建一个容器并将数据放入容器中并将其附加到$("#notizie)