jQuery Mobile - Badge Plugin

2014-06-29 #Markup #jQuery Mobile

先日jQuery Mobileの書籍を執筆させていただきました。 その中でjQuery Mobileで扱えるプラグインの紹介コーナーがあるのですが、自分でもいくつかプラグインを作ってみてご紹介しています。

このプラグインはツイッターでいうところのRetweetやFavoriteのようなバッジをリストビューの右肩に表示させるプラグインになります。

リポジトリ

https://github.com/is8r/jquerymobile-badge

デモ

http://is8r.github.io/jquerymobile-badge/htdocs/

使い方

プラグインをヘッダにインクルードして

バッジを追加したいlistview内のli要素に対してdata-badge="like"などを追加します。


jQuery Mobileの本を書きました。

jQuery Mobileスマートフォンサイト・デザイン Webクリエイターが身につけておくべき新・100の法則。 (新・100の法則。シリーズ)

ボタンやリストの作り方などの初歩的な部分から解説する比較的やさしい内容の本になっています。 紹介しているバージョン1.4は以前のバージョンと比べてボタンなどのスタイルの指定がデータ属性ではなくマルチクラスで指定するように変更されていたり、テーマが白黒の2種類に変わったりと、結構変わっている部分があります。よろしければお手に取っていただけますと幸いです。