SmartListの表示サンプル
サンプル1
▼実行コード
$("#list1").SmartList();
- aaa
- bbb
- ccc
- ddd
- eee
- fff
- ggg
- hhh
- iii
- jjj
- kkk
サンプル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