Blog

【jQuery】スペースが足りない時に使えるtoolbarjs

最近のプロジェクトでは、スペースがあまりないですが、格好いいかつ分かりやすいツールバーみたいのものを導入したいと思います。
そのとき、このtoolbar.jsというjQueryプラグインを思い出しました。

公式サイト(一応)の格好良さに釣られて、結構簡単に実装できるかなと思いましたが、そうではありません。。
toolbar-js-screenshot

ソースの書き方が明言されていない

ます、公式サイトで載せてる書き方(下記)を見て、

id=format-toolbar-optionsのdivは書いてありますが、id=format-toolbarのは書いてありません。
公式サイトのhtmlソースを見て拾いましたが、実装してみて下記の書き方しかうまくいきませんでした。

id=format-toolbar-optionsのとid=format-toolbarのを同じdivに入れなければうまく表示出来できませんでしたが、
公式サイトのhtmlソースにはid=format-toolbar-optionsのとid=format-toolbarをばらばら書いてでも表示出来ています。。
何かが条件になっているのかよくわかりません。。

jQueryのバージョンに注意を

ソースをダウンロードしてから分かるですが、このプラグインはjquery1.7以上でしか動きません。
公式サイトにはjqueryのバージョンや、対応ブラウザなど一切書いてませんから、ちょっと不安です。
IE8は対応していることを確認できましたが。

結論

jQueryのプラグインの選び方をもっと慎重にしたいと思います。

Author Profile

jeff_maj

システムエンジニア/1984年生/上海交通大学卒/Webサービス/EC/iphone/android

» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ