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事件。