Как реализовать кнопки плюс и минус для jquery ui slider?

Question

[qbk17]

Есть калькулятор, в нём несколько jquery ui слайдеров. Для каждого нужно добавить кнопки плюс и минус, чтобы при нажатии на них изменялись значения нужного слайдера.

Пример слайдера

Comments

[ой всё]

слайдеры в калькуляторе? о боги, не дайте мне это увидеть

[qbk17]

ой всё, возможно вы не поняли, о каком слайдере идёт речь (не о карусельке)

[ой всё]

qbk17, я думаю, что никто не понял
уже не говоря о том, что нет никакой разницы

[qbk17]

К чему вы это написали?

Ни разу не имели дело с такими слайдерами? (prntscr.com/hn2afm)

Answer 1

[0xD34F]

<div class="slider-wrapper">
  <button data-step="-1">-</button>
  <div class="slider"></div>
  <button data-step="+1">+</button>
</div>

$('.slider').slider({ /* настройки слайдера */ });

$('.slider-wrapper [data-step]').button().click(function() {
  const $slider = $(this).closest('.slider-wrapper').find('.ui-slider');
  const step = +this.dataset.step;
  const { min, max, value } = $slider.slider('option');

  $slider.slider('option', 'value', Math.max(min, Math.min(max, +value + step)));
});

https://jsfiddle.net/142touep/