错误地绑定在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条新闻并循环播放下一条新闻？

答

做这样的：

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)

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;

错误地绑定在jquery上的aspx

相关推荐