手順 2：ウィジェットの初期化

前の手順では、スライダ要素を作成しました。この手順では、ウィジェットを初期化する jQuery スクリプトを追加します。

終了の <div> タグの後に、次のスクリプトを追加します。

ソースビュー	コードのコピー
<script id="scriptInit" type="text/javascript"> $(document).ready(function () { $("#slider").wijslider({ orientation: "horizontal", range: false, min: 0, max: 100, step: 2, values: [25] }); }); </script>

ソースビュー

コードのコピー

<script id="scriptInit" type="text/javascript">
   $(document).ready(function () {
      $("#slider").wijslider({ orientation: "horizontal", range: false, min: 0, max: 100, step: 2, values: [25] });
   });  
   </script>