2012-06-18 52 views
0

我正在使用jquery columnizer插件創建一個div中的文本列。使用的插件可以找到herejQuery列設置高度時崩潰

下面是我的HTML的一個例子應該分爲三列:

<div class="textColumn">  
     <div class="text"> 
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum adipiscing, 
nisi tempus tincidunt tempor, lorem libero venenatis lectus, molestie congue arcu risus ut 
lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mauris lorem, eleifend 
vitae auctor id, rhoncus eget mi. Nunc convallis condimentum pretium. Praesent vulputate 
mauris sit amet nisl porttitor fringilla. Aliquam sit amet venenatis risus. Nullam 
malesuada hendrerit dolor, id sagittis libero condimentum non. Sed dapibus bibendum augue, 
id lobortis arcu iaculis laoreet. Maecenas lacinia mattis ipsum, ut vehicula nulla 
tristique id. Quisque vehicula orci vitae nibh ultricies ac dictum metus pretium. Donec id 
arcu tellus, vulputate blandit augue. Integer turpis felis, cursus et congue sit amet, 
mollis at neque. Nunc pellentesque erat vel odio tempus aliquam.<br> 
    <br> 
    Quisque faucibus lectus luctus odio blandit aliquet. Phasellus blandit augue vel eros 
lacinia nec hendrerit ligula sagittis. Sed sollicitudin ultricies sem sit ametpellentesque. 
Fusce semper purus vel massa porttitor vestibulum. Fusce eget erat eu augue ullamcorper 
mattis. Morbi adipiscing fermentum purus, ut ultrices libero tristique sed. Fusce ut augue 
in ante rhoncus iaculis. Nunc auctor, est sit amet ornare dictum, dolor odio elementum 
orci, vitae porta enim nisi id felis. Aenean justo mauris, fringilla id faucibus eget, 
tincidunt ornare purus. Aenean dapibus sapien non justo elementum sollicitudin. In at 
vehicula turpis. Sed porta rhoncus arcu a cursus. Maecenas eu purus in urna mattis ornare 
et et arcu. Suspendisse auctor magna ac tortor condimentum condimentum.<br> 
     </div> 
    </div> 

在一個通用的javascript文件我已經在在執行columnizer創建我的專欄中定義的函數的document.ready 。這是用下面的javascript完成的。它僅在定義寬度時工作正常。不過,我也想爲列設置一個有限的高度。只要我這樣做,該插件(並在那裏與瀏覽器)崩潰。

$(document).ready(function(){ 
    $('#content.one .textColumn .text').columnize({ 
      width: 169 
      /*,height: 162*/ /*Enabling this rule crashes the internet!*/ 
    }); 
}); 

我已經試過寬度和高度都設置,但也只有高度設置。兩者都使插件崩潰。同時定義插件內的高度(並隨之修改插件)會使其崩潰。根據this jquery plugin頁面,應該可以設置高度,並且this example也可以顯示工作版本。

有沒有人有很好的解決方案呢?

回答