在jQuery UI Slider中获取值的步骤如下:
- 创建一个jQuery UI Slider控件,在HTML中添加一个div元素,并为其绑定一个ID,如下所示:<div id="slider"></div>$("#slider").slider({
value: 0,
min: 0,
max: 100,
step: 1,
slide: function(event, ui) {
console.log(ui.value);
}
});$("#slider").slider({
value: 0,
min: 0,
max: 100,
step: 1,
slide: function(event, ui) {
console.log(ui.value);
}
});在上述代码中,我们使用“slide”事件监听器来监听Slider控件的滑动事件,并在事件触发时输出滑块的值。
- 在JavaScript中创建一个Slider控件,并将其绑定到上述div元素上,如下所示:
- 在Slider控件上添加一个“slide”事件监听器,当滑动滑块时,控制台会输出当前滑块的值,如下所示:
- 在控制台中查看输出结果,可以看到当前滑块的值已经被成功获取。
以上就是使用jQuery UI Slider获取值的基本步骤。