Skip to content

palehorse/arabica-adjustment

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 

Repository files navigation

arabica-adjustment

把數字輸入框塑造成圖形化的控制桿

前置安裝

jQuery

安裝

1.用npm指令安裝

npm install arabica-adjustment

2.用html語法引入

<script src="arabica-adjustment/arabica-adjustment.jquery.js"></script>

Vue

require('arabica-adjustment/arabica-adjustment.jquery.js');

Demo

Demo on jsFiddle

使用方法

HTML

<!-- type須設定為number -->
<!-- max和min是必須設定的屬性 -->
<input type="number" max=10 min=1 />

JavaScript

$('input[type=number]').adjustment();

隨時顯示數值

<label for="adjustment">目前數值:</label>
<input id="adjustment" type="number" max=10 min=1 />

Callbacks

設定數值

$('input[type=number]').adjustment('set', 5);

重設

$('input[type=number]').adjustment('reset');

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published