旋转木马中的Bootstrap图像没有滑动

时间:2013-09-19 06:00:56

标签: javascript twitter-bootstrap carousel

我正在使用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);
    }
};

0 个答案:

没有答案