亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

最新回答 / 慕工程3443729
謝謝,JQuery解決了,但是JS原生的還是有同樣的問題,JS原生那里cols本來就是用document獲取的啊,var cols = Math.floor(document.documentElement.clientWidth/oBoxW);

最新回答 / 加咖啡喵
apply()是函數的非繼承而來的方法,用途是在指定的作用域中調用函數,實際上等于設置函數體內的this對象的值,第一個參數是運行函數作用域,另一個是參數數組

已采納回答 / 酸溜土豆絲3362793
? 你可以看下前面有個if (i < cols)這里指的是第一行的所有列,當i>cols指的是其他行,oBoxs[i].style.top = minH+'px';是加在其他行上的

最新回答 / LeftJS
圖片路徑不對吧!我看你HTML里面的路徑是./images,那么jQuery代碼里面也應該要一樣。var oImg=$("<img>").attr("src","./images/"+$(value).attr("src")).appendTo($(oBox));?改改路徑應該就好了

最新回答 / Dva_Come_to_web
可能是因為你沒維護hArr數組。正確的做法是每添加一個新的div,就維護一下hArr[index]

最新回答 / 白小九
<...code...>1、找到列高最少的那一列,計算列高和索引:<...code...>2、將圖片定位到該列最后那張圖片的下方:<...code...>3、加載圖片后更新列高:<...code...>

最贊回答 / 少喝開水
第七行 for(var i=0;i<dataInt.data.length;i++){是i=0不是o 你打錯了

已采納回答 / 暮女神
圖片全飛出去的原因是你又把所有的pin遍歷了一遍并重新排列,要解決的話需要加個判斷,或者重寫個函數waterfall2目的是只排列json中的圖片,例如這樣寫:<...code...>num是為了儲存原來圖片的個數,所以在waterfall()函數中也應聲明num=$pins.length;這樣就能解決了,不過這樣的體驗并不好,不如不加動畫直接渲染出來.而且你這個代碼的bug還是太多,比如在圖片排列時如果滑動滾動條就會有多組json圖片堆疊,

最新回答 / 慕尼黑6271757
是第一列圖像里面高度最小的那個圖像的高度

已采納回答 / 慕粉1711228114
??var obj = boxs[index];? var left = obj.offsetLeft;?var height1 = obj.offsetHeight;hArr[index]+=height1;貌似height1應該是boxs[i].offsetHeight才對,boxs[index].offsetHeight求的始終是第一行的索引為index的值

最贊回答 / botao555
你的oElements是在if和else里聲明并賦值的,for里面獲取不到oElements的值。你改成這樣試試:<...code...>

最新回答 / qq_司徒小石頭_03388409
只看圖片不能調試,看不出來哪里有問題。有沒有報錯信息?你的oPic.className = 'pic',是大寫,和html里一致嗎?多console.log(),看看oImg的src輸出是否正確,別的也log()一下看看。

最贊回答 / lemon_fu
$(window).on("resize",function () { ? ?waterfall();});
課程須知
1.你一定對HTML+CSS比較熟悉; 2.掌握一定的JS基礎知識,尤其是函數封裝、調用等知識; 3.對jQuery相關知識掌握。
老師告訴你能學到什么?
1.學會實現瀑布流布局實現的三種方式; 2.div如何定位和排序; 3.掌握CSS3中多欄布局的知識。

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消