jqueryからaspxで間違ったバインド

Question

ブートストラップカルーセルでデータをバインドする際に問題が発生しました。データは完全に設定されていますが、HTML上のバインドは失敗します。ここで
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> 

問題がある：私はブートストラップカルーセル内（タイトルとテキストで）いくつかのニュースをバインドする必要があり、サイクルカップルのニュースは無限に。
このコードはニュースのすべてのデータとサイクルを表示しません。どのように2つのニュースを表示し、次のニュースを循環させるのですか？

Answer 1

このようにそれを行う：コンテナを作成し、容器内のデータを入れて、次のように試してみてください、あなたのターゲットdivのinnerHTMLを取得し、すべての要素を追加し$("#notizie)

Answer 2

に追加し

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(); 
} 

そのdivに、最後に作成したHTML文字列

HTML = document.getElementById('notizie').innerHTML; 
$(news).each(function (item) { 
     HTML += "<div class=\"item container\"></div>"; 
     HTML += "<h4>" + news[item].Title + "</h4>"; 
     HTML += "<p>" + news[item].Text + "</p>"; 
     HTML += "<div class=\"post\"></div>"; 
}); 
document.getElementById('notizie').innerHTML = HTML;