例えば、ブログの目次とか。
たくさんあるから目次を作ってみたけど、目次だけですでに長い。。となると”んー”と微妙な感じに。
そんなとき、jQueryプラグイン『Easy List Splitter』を使うと簡単にリストを分割してくれます。
jQueryプラグイン『Easy List Splitter』
Demoとダウンロード
現在（2013/08/18）のバージョンは、 1.0.2です。
記事の真ん中あたりに図のようにDemoとダウンロードがあります。
直接デモを見たい方はこちら。
フルサイズのデモをダウンロードしたい方はこちら。記事のしたのほうにあります。
使い方
header内に、jQuery本体とjquery.easyListSplitter.jsを読み込みます。
|
1 2 |
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="scripts/jquery.easyListSplitter.js"></script> |
このずらっと並んだリストを3分割する場合（リストのクラス名は、loremipsum）、以下のように記述
|
1 2 3 |
$('.loremipsum').easyListSplitter({ colNumber: 3 }); |
オプション
縦方向と横方向を選択することができます。
オプションを記載しない場合は、縦方向にリストを並べていきます。
横方向の場合
|
1 2 3 4 |
$('.loremipsum').easyListSplitter({ colNumber: 3, direction: 'horizontal' //横方向 }); |
ul,olどちらにも適応できるのでいろいろなところで活用できそうです。
これは、覚えておくべきプラグイン！
