使用幻灯片事件

滑块提供了一个名为 slide 的事件，只要鼠标在滑块手柄拖动过程中移动，就会触发该事件。此函数包含对幻灯片 event 的引用和对滑块 ui 对象的引用。ui 对象包含要移动的句柄的 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 事件。