1

我正在使用 twitters bootstrap carousel，有时图像会滑动，有时它们不会.. 当它们没有时

TypeError: $next[0] is undefined


    $next[0].offsetWidth // force reflow    

    $next[0].offsetWidth // force reflow     bootstrap.js (line 351)

这个错误来了。我不知道那是什么意思。

我正在从 Javascript 设置轮播 div 的 html 内容，行动，我在轮播中显示 3 个图像而不是一个/类似的缩略图： vaersion:/* ================== =================================* bootstrap-transition.js v2.0.4

javascript中的代码：

drawCarousel = function(result){
    var HasImages=false;
    var data_url=result['ImagesResult'];
    var data_details=result['ImageDetail'];
    var URLList = data_url["ImageUrls"];
    var ImageDetails=data_details["ImageDetails"];
    if(data_url==""){
        html+="NO Images To Display";       
    }
    html = "";
    var isFirst = true;
    num=0;
    for(var i=0;i<URLList.length;i++){ 
        HasImages=true;
        if(isFirst == true){   
                if(num==0){
                    html+="<div class='item active'><ul class=\"thumbnails\"><li class=\"span2\"><div class=\"thumbnail\" style=\"vertical-align:middle !important;\"><img src='" +URLList[i]["url"]+"' alt='' /></div></li>";          
                    num=num+1;
                }
                else{
                    html+="<li class=\"span2\"><div class=\"thumbnail\"><img src='" +URLList[i]["url"]+"' alt='' /></div></li>";            
                    num=num+1;
                    if(num==3){
                        isFirst=false;
                        num=0;
                    }
                }
        }
        else {
            if(num==0){
                html+="</ul></div>";
                html+="<div class='item'><ul class=\"thumbnails\"><li class=\"span2\"><div class=\"thumbnail\"><img src='" +URLList[i]["url"]+"' alt='' /></div></li>";         
                num=num+1;
            } else{
                html+="<li class=\"span2\"><div class=\"thumbnail\"><img src='" +URLList[i]["url"]+"' alt='' /></div></li>";            
                num=num+1;
                if(num==3){
                    num=0;
                }
            }
        }
    }
    html+="<ul><div>";
    if(!HasImages){
        var no_image_message="<b>No Images to Display</b>";
        $(".carousel-inner").html(no_image_message);    

    }else{
    $(".carousel-inner").html(html);
    }
};
4

0 回答 0