2012-06-18 53 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也可以显示工作版本。

有没有人有很好的解决方案呢?

回答