為什么在360瀏覽器圖片會(huì)重疊?????火狐瀏覽器有正常顯示。。。。jQuery有兼容么?????
function waterfall(){
var divs= $("#wrapper>div");
var picW= divs.eq(0).outerWidth();//一個(gè)模塊的寬
var num= Math.floor($(window).width()/picW); //模塊列數(shù) 向下取整
$("#wrapper").width(num*picW).css('margin','0 auto');//大模塊居中
var hArry=[];//存儲(chǔ)高度
divs.each(function(index,element){
? ?var h=divs.eq(index).outerHeight();
if(index<num){
? hArry[index]=h;
}else{
var minH=Math.min.apply(null,hArry);
var minIndex=$.inArray(minH,hArry);
$(element).css({
'position':'absolute',
'top':minH+'px',
'left':minIndex*picW+'PX'
? ? })
hArry[minIndex]+=h;
}
})
}
2016-09-01
360默認(rèn)用的是微軟的內(nèi)涵,也就是跟你的電腦IE瀏覽器是一樣的,因此會(huì)出現(xiàn)你這個(gè)問題,如果用你的IE打開,必然也是這樣,解決方法是換一個(gè)低版本的jquery,最好是1版本的,高版本對(duì)瀏覽器兼容有放棄!