ion.rangeSlider: использование одной позиции ручки для обновления позиции другой ручки

Question

первый вопрос, будьте осторожны:)

Я использую библиотеку JavaScript ion.rangeSlider. (https://github.com/IonDen/ion.rangeSlider)

Он поддерживает использование двух дескрипторов.

Я хочу иметь возможность обновлять дескриптор «to» при изменении дескриптора «from».

$(function() {
  console.log('jQuery here!');

  let zfrom = -5;

  const $zslider = $("#zslider");

  $zslider.ionRangeSlider({
    skin: 'big',
    type: 'double',
    min: -5.000,
    max: 5.000,
    from: -5.000,
    to: 5.000,
    step: 0.1,

    //on slider handles change
    onChange: function (data) {
      zslider.update({
        to:   -data.from,
      })
    },
    onUpdate: function(data) {

    },
    onFinish: function (data) {

    }
  })

  const zslider = $zslider.data("ionRangeSlider");

})

html

<input id=zslider type=text />

Проблема в том, что когда я перемещаю ручку «from», она немного перемещает ручку «to», а затем ручку «from» теряет фокус, и мне приходится снова его схватить.

Я подозреваю, что zslider.update вызывает запуск onChange / onUpdate и поэтому переходит в бесконечное l oop.

I ' Я пробовал использовать различные флаги и задержки, но я не могу заставить logi c работать.

У меня есть работа, которая заключается в перемещении ползунка «в» после того, как я sh переместил слайдер "от" (на Fini sh), но он некрасивый.

Любые идеи и спасибо.