0

jquery columnizerプラグインを使用して、divにテキストの列を作成しています。使用されているプラ​​グインはここにあります。

以下は、3つの列に分割する必要がある私の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!*/
    });
});

幅と高さの両方の設定で試しましたが、高さの設定のみでも試しました。どちらもプラグインをクラッシュさせます。また、プラグイン内の高さを定義すると（そしてプラグインを変更すると）、プラグインがクラッシュします。このjqueryプラグインページによると、高さを設定できるはずです。また、この例は動作するバージョンを示しています。

誰かがこれに対して良い解決策を持っていますか？

4

1 に答える 1

1

プラグインのバグです。次のプラグインを使用してください： https ：//raw.github.com/cioddi/Columnizer-jQuery-Plugin/71eae2c531419274a1ec085f6a6485038e98c9f3/src/jquery.columnizer.js

gitpushリクエストから取得しました。jsコードは有効です。証明としてこのjsfiddleを参照してください：http： //jsfiddle.net/kxMJM/

パッチを当てたプラグインをcioddiから入手しました

于 2012-06-18T12:15:23.853 に答える