使用幻燈片事件

滑塊提供了一個名為 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 事件。