Readmore.js
2013-08-17
いわゆる「もっと読む」「続きを読む」系の実装方法。
JavaScript で実装するのが定石だと思うが、最近はもっぱらjQueryを使うので、jQuery のプラグインで探してみた。
その結果、玉石混淆いろいろ出てきたが、個人的には Readmore.js が一番良いと思った。
http://jedfoster.com/Readmore.js/
使い方は簡単。
ただし、細かいことはあまり出来ないみたいね。
単にターゲットとなるコンテンツが、指定した高さ以上を持つ場合には、「More」リンクが出現し、折りたたみが出来るようになるといったもの。
シンプルで使いやすいですな。
ただ、あくまでも高さ指定なので、行数で指定できないのが残念なところ。
なので、１行が決まった高さのコンテンツなら良いのだが、特に決まっていない場合には、文字列が上半分だけ表示される、、、といった現象がしばしば起きる。
これを解決できれば、個人的には文句ないんだけどな～
ということで、せっかくなので続きを読むの雑感をメモに作成。
jQuery：続きを読む