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