そのため、デザイナーは今後 HTML5 を使用することにしました。
彼は次のコードでスライダーを使用しています。
<div data-layout="row fluid">
<div class="span text-import text-shadow text-xbig text-left " data-layout="line middle">
<a href="#" class="span" data-toggle="ajslider" data-value="1" data-target="parent.ui-slider">A</a>
<div class="span ui-slider slider-boolean" data-length="2" data-range="max">
<div class="definition" data-icon="default"></div>
</div>
<a href="#" class="span" data-toggle="ajslider" data-value="2" data-target="parent.ui-slider">B</a>
</div>
</div>
問題は、データの値が変更された (スライド、スライダーのクリック、またはテキストのクリック) ときにトリガーされるイベントをどのようにバインドするかということです。
更新: 間違ったファイルを取得したようです。新しいファイルから、彼は次のライブラリを使用しているようです:
- jQuery v1.8.2
- jQuery UI ウィジェット 1.9.0
- jQuery UI コア 1.9.0
- jQuery UI マウス 1.9.0
- jQuery UI ドラッグ可能 1.9.0
- jQuery UI ドロップ可能 1.9.0