当滑块手柄移动时如何在Foundation 6范围滑块上添加类

<div class="slider" data-slider data-initial-start="50" data-end="100">
  <span class="slider-handle" data-slider-handle role="slider" tabindex="1"></span>
  <span class="slider-fill" data-slider-fill></span>
  <input type="hidden">
</div>

$(document).foundation();

var slider = new Foundation.Slider($('#your-slider-id'));

slider.$handle.on('moved.zf.slider', function() {
  // 获取滑块当前的值
  var value = slider.$handle.attr('aria-valuenow');
  
  // 根据滑块的值来添加类
  if (value > 75) {
    slider.$element.addClass('high-value');
  } else {
    slider.$element.removeClass('high-value');
  }
});

.high-value {
  background-color: red;
}