SmartListの表示サンプル

サンプル1

▼実行コード
$("#list1").SmartList();

サンプル2

▼実行コード
$("#list2").SmartList({col:4});
aaa
bbb
ccc
ddd
eee
fff
ggg
hhh
iii
jjj
kkk

SmartHeightLineライブラリ併用例

要素の高さを揃えるにはSmartHeightLineライブラリがオススメです。
SmartHeightLineの詳しい使い方は紹介ページをご覧ください。

サンプル3-1

SmartHeightLine未使用。SmartListだけでは高さはバラバラ。
▼実行コード
$("#list3-1").SmartList({col:3});
aaa
aaa
bbb
bbb
bbb
ccc
ddd
eee
fff
ggg
ggg
ggg
hhh
iii
iii
jjj
kkk

サンプル3-2

SmartHeightLine使用で行単位で高さを揃えた例
▼実行コード
$("#list3-2").SmartList({col:3})
$("#list3-2 .row").SmartHeightLine();
aaa
aaa
bbb
bbb
bbb
ccc
ddd
eee
fff
ggg
ggg
ggg
hhh
iii
iii
jjj
kkk

サンプル3-3

SmartHeightLine使用で全ての高さを揃えた例
▼実行コード
$("#list3-3").SmartList({col:3})
$("#list3-3").SmartHeightLine({target:".item"});
aaa
aaa
bbb
bbb
bbb
ccc
ddd
eee
fff
ggg
ggg
ggg
hhh
iii
iii
jjj
kkk