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