【knob】円形のUIコンポーネントを簡単に実装する方法

2020年12月19日

こんにちは、ハル@haru_elpisです。

jQueryで円形のUIコンポーネントを簡単に実装する備忘録です。

jQuery・knobの使い方

ダウンロードした「jquery.knob.js」ファイルをjsフォルダなど任意の場所へ移動しておきましょう。

<script src="js/jquery.knob.js"></script>

<input type="text" class="dial">

$(function(){
  $(".dial").knob({
      'min':0,      //最小値
      'mac':200     //最大値
  });
});

[affi id=23]

よかったらシェアしてね！