Jquery Mobile是一種快速輕松地創建移動應用的框架。其中一個重要的組件是slider。Slider可以幫助你輕松選擇一個范圍。下面我們看一下如何在Jquery Mobile中使用slider。

<div data-role="rangeslider">
<label for="range-1a">范圍1:</label>
<input type="range" name="range-1a" id="range-1a" min="0" max="100" value="40">
<label for="range-1b">范圍2:</label>
<input type="range" name="range-1b" id="range-1b" min="0" max="100" value="80">
</div>

在這個例子中，我們使用了data-role="rangeslider"來實現一個slider。我們使用了兩個range input，一個是范圍1，一個是范圍2。這些input的min值為0，max值為100。它們的默認值分別為40和80。

你可以用Javascript來獲取slider的值：

var range1 = $('#range-1a').val();
var range2 = $('#range-1b').val();

這將返回范圍1和范圍2的值。

使用slider可以輕松地讓用戶選擇一個范圍，適用于多種場合，如選擇價錢范圍、音量等。另一個有用的功能是加入一個onchange事件，讓你在用戶選擇范圍時做出反應。

$('#range-1a').change(function() {
// 執行某些操作
});

總之，jquery mobile slider是一個十分有用的組件，它可以提高用戶體驗，讓用戶更方便地與你的應用進行交互。