Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/461.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 来自jquery的aspx绑定错误_Javascript_Jquery_Html_Asp.net_Twitter Bootstrap - Fatal编程技术网

Javascript 来自jquery的aspx绑定错误

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[

绑定引导转盘上的某些数据时出现问题。数据集非常完美,但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();
}
函数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)