jQuery UI Library 使用幻灯片事件
示例
滑块提供了一个称为的事件slide,该事件将在滑块手柄拖动期间每当鼠标移动时触发。此功能保存对幻灯片event的引用和对滑块ui对象的引用。该ui对象为要移动的手柄和value(s)滑块的持有一个jQuery对象。
单手柄滑块:
var value;
$( "#slider" ).slider({
slide: function(event, ui) {
value = ui.value;
}
});范围滑块:
var lowValue;
var highValue;
$( "#range-slider" ).slider({
range: true,
slide: function(event, ui) {
lowValue = ui.values[0];
highValue = ui.values[1];
}
});注意:该slide事件旨在响应活动的鼠标移动,并且如果以编程方式更改了滑块值,则不会触发该事件。要对这些事件做出反应,请使用change事件。