0

我正在使用 jquery columnizer 插件在 div 中创建文本列。使用的插件可以在这里找到。

下面是我的 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 文件中，我定义了一个 document.ready 函数，在该函数中执行 columnizer 以创建我的列。这是通过下面的 javascript 完成的。仅定义宽度时它工作正常。但是，我也想为列设置一个有限的高度。一旦我这样做，插件（还有浏览器）就会崩溃。

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

我已经尝试过设置宽度和高度，但也只设置了高度。两者都使插件崩溃。还定义插件内部的高度（并随之修改插件）使其崩溃。根据this jquery plugin page，应该可以设置一个高度，这个例子也显示了一个工作版本。

有人对此有很好的解决方案吗？

4

1 回答 1

1

这是插件中的一个错误，请使用这个： https ://raw.github.com/cioddi/Columnizer-jQuery-Plugin/71eae2c531419274a1ec085f6a6485038e98c9f3/src/jquery.columnizer.js

我从一个 git push 请求中得到它。您的 js 代码有效。请看这个jsfiddle作为证明：http: //jsfiddle.net/kxMJM/

我从cioddi得到了补丁插件

于 2012-06-18T12:15:23.853 回答