Javascript 来自jquery的aspx绑定错误
绑定引导转盘上的某些数据时出现问题。数据集非常完美,但HTML绑定失败。Javascript 来自jquery的aspx绑定错误,javascript,jquery,html,asp.net,twitter-bootstrap,Javascript,Jquery,Html,Asp.net,Twitter Bootstrap,绑定引导转盘上的某些数据时出现问题。数据集非常完美,但HTML绑定失败。这里是jQuery代码段: function OnSuccessNews(response) { var news = response.d; $(news).each(function (item) { $("#notizie").append("<div class=\"item container\">"); $("#notizie").append("<h4>" + news[
这里是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();
}
函数OnSuccessNews(响应){
var news=response.d;
$(新闻)。每个功能(项目){
$(“#notizie”)。追加(“”);
$(“#notizie”).append(“+新闻[项目].Title+”);
$(“#notizie”).append(“”+新闻[项目].Text+””);
$(“#notizie”)。追加(“”);
$(“#notizie”)。追加(“”);
});
$('.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>
问题是:我必须在引导转盘中绑定一些新闻(带有标题和文本),成对循环播放新闻。
现在这段代码显示新闻中的所有数据,没有循环。如何一次显示两条新闻并循环播放下一条新闻?如下操作:
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();
}
函数OnSuccessNews(响应){
var news=response.d;
$(新闻)。每个功能(项目){
变量容器=$(“”);
container.append(“+news[item].Title+”);
container.append(“”+新闻[项目].Text+””;
容器。附加(“”);
$(“#notizie”)。附加(容器);
});
$('.item').first().addClass('active');
$('#carouselNews').carousel();
}
创建一个容器,将数据放入容器中,并将其附加到
$(“#notizie)
尝试这样做,获取目标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;
HTML=document.getElementById('notizie').innerHTML;
$(新闻)。每个功能(项目){
HTML+=“”;
HTML+=“”+新闻[项目]。标题+“”;
HTML+=“”+新闻[项目]。文本+“”;
HTML+=“”;
});
document.getElementById('notizie')。innerHTML=HTML;
部分工作。仍然可以看到所有的数据绑定。我认为$('.item').first().addClass('active')
;不能正常工作:如果我添加var container=$(“”);
活动类,show all,如果我删除show none-Ok,找到问题,它搜索DOM中的第一个项
,并找到3个旋转木马中的第一个(我的是最后一个,在第二个位置获得了另一个doto自定义)。我只需在类中标记一个自定义标记。尝试以下操作:$(“#旋转木马新闻.项:第一个)。addClass('active)