在使用jQuery中的slider.js時,首先要確保已經引入了jQuery庫和slider.js文件。
<div id="slider"></div>
$(document).ready(function(){
$("#slider").slider();
});
$(document).ready(function(){
$("#slider").slider({
min: 0,
max: 100
});
});
$(document).ready(function(){
$("#slider").slider({
change: function(event, ui){
$("#slider-value").text(ui.value);
}
});
});
在上述代碼中,我們將滑塊組件的change事件與一個匿名函數綁定在一起,該函數將滑塊的值(ui.value)顯示在id為"slider-value"的元素中。
這只是jQuery中slider.js的基本用法,你可以根據需要進一步探索和定制滑塊組件的功能。