超便利なjQuery Simple Sliderを使って簡単に値を変更する

開発環境

• Mac OS X Yosemite 10.10.5
• Google Chrome 48.0.2564.103 (64-bit)
• jQuery Simple Slider

sliderって何？

こんな感じのつまみで左右に動かせるやつ

目的

スライダーを探すのに苦労したので共有まで。
シンプルなツールなので以下は見ずとも公式サイト見れば使い方はわかると思います。

インストール方法

1. ダウンロードしてsimple-slider.jsとsimple-slider.cssを適切なフォルダに配置、読み込みする
2. 配置したい場所に<input type="text" data-slider="true">と書く

以上。
簡単すぎますね。

使い方

$( "#slider" ).bind( "slider:changed", function ( event, data ) {
  #ここに処理を書く
  #例えば　setXX(data.value)　等
});