jQuery jRange 是一個(gè)強(qiáng)大的 jQuery 插件,它提供了一個(gè)針對(duì)范圍選擇器的非常易用和可自定義的 API。
這個(gè)插件是為了提高用戶體驗(yàn)而設(shè)計(jì)的,通過它你可以充分利用范圍選擇器進(jìn)行數(shù)據(jù)的篩選和過濾。
$(document).ready(function(){ $('.range').jRange({ from: 0, to: 100, step: 1, scale: [0,25,50,75,100], format: '%s', width: 300, showLabels: true, isRange : true }); });
jRange 主要針對(duì)響應(yīng)式設(shè)計(jì),你可以通過設(shè)置一些參數(shù)來調(diào)整它的大小和外觀。
例如,你可以為它設(shè)置刻度標(biāo)簽,使用戶可以更清楚地了解他們所選擇的數(shù)據(jù)范圍。
此外,你還可以根據(jù)需要設(shè)置 jRange 的最小值和最大值,并設(shè)置步長,以幫助用戶更快地找到他們需要的范圍。
jRange 支持 touchSwipe 插件,這使得它在移動(dòng)設(shè)備上使用起來更加方便,用戶可以輕松地使用手指拖動(dòng)滑塊。
總的來說,jRange 是一個(gè)非常棒的 jQuery 插件,它提供了一個(gè)極富交互性的選擇器,為用戶帶來了更好的體驗(yàn)。