錯誤地綁定在jquery上的aspx

在引導傳送帶上綁定一些數據時遇到了問題。數據集完美無缺，但HTML綁定失敗。
這裏jQuery的片段：錯誤地綁定在jquery上的aspx

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條新聞並循環播放下一條新聞？

來源

2016-09-21 Michele Boscagin

做這樣的：

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)

來源

2016-09-21 08:18:35

Partial ly工作。仍然看到所有的數據綁定。我認爲'$（'。item'）。first（）。addClass（'active'）';不工作，因爲它應該：如果我添加'var容器= $（「

」）;'活動類，顯示所有，如果我刪除顯示沒有 - 好吧，發現問題，它搜索第一個'項目DOM，並且找到了第3個輪播（我的是最後一個，並在第2個位置獲得了另一個doto定製）。我只在班上標記了一個自定義標誌。 –

試試這個：$（「＃carouselNews .item：first）.addClass（'active'） –

也適用！非常感謝！ –

試試這個樣子，讓你的目標div的innerHTML並添加所有元素到div，最後加上innerHTML創建的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;

來源

2016-09-21 08:31:30

錯誤地綁定在jquery上的aspx

回答

相關問題