2013-02-14 28 views
1

我運行一個jQuery腳本跨多個行的行設置高度相等的div。如何讓jQuery在窗口大小上運行相同的列腳本?

下面是對代碼的提取物的鏈接我使用http://jsfiddle.net/F8QHd/2/

對於腳本我用在這個崗位的技術在CSS技巧http://css-tricks.com/equal-height-blocks-in-rows/

誰能告訴我如何修改腳本,以便在窗口調整大小時仍然有效?目前,它在頁面加載時工作,但我不知道如何根據窗口大小調整它。該腳本使用$(window).resize(function() {});,所以我不知道爲什麼這不起作用?

任何幫助將apprecitated!

謝謝。

+0

與瀏覽器,你有什麼問題嗎? – 2013-02-14 14:31:01

+0

就我所見,它似乎不適用於任何瀏覽器。 – jasonbradberry 2013-02-14 14:45:21

回答

-1

我不能看到它行不通。 您可以設置調整大小然後觸發它,以便它可以在加載的情況下工作而不重複該指令。

$(window).resize(function() { 
    columnConform(); 
}).trigger('resize'); 

只是一個音符 - 均衡的元素使窗口改變大小,你會打的問題,當它遞歸幾次就穩定下來之前。我通過在等高度函數上添加一個超時來解決這個問題。

我已經寫過類似的擴展jQuery的。如果你有興趣它在這裏 Equal Height Rows for Fluid Width Elements

+0

謝謝 - 我試圖改變線路在jFiddle如你所說(見http://jsfiddle.net/F8QHd/3/)和文本仍爆發的第一列當窗口尺寸減小。我誤解了嗎? – jasonbradberry 2013-02-14 14:43:35

+0

哦,我明白了,你的身高並沒有被重置。我會嘗試設置他們自動發現之前找到最高。 – Popnoodles 2013-02-14 17:30:40

相關問題