Javascript ion.RangeSlaider：使用一个手柄位置更新另一个手柄'；s位置

我正在使用JavaScript ion.RangeSloider库（）

它支持使用两个句柄

我希望在更改“from”句柄时能够更新“to”句柄

HTML:

问题是，当我移动“from”手柄时，它会稍微移动“to”手柄，然后“from”手柄失去焦点，我必须再次抓住它

我怀疑

zslider.update

导致

onChange

/

onUpdate

触发，因此进入无限循环

我尝试过使用各种标志和延迟，但我无法让逻辑工作

我有一项工作要做，就是在我移动完“from”滑块（

onFinish

）后再移动“to”滑块，但这并不漂亮

$(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");

})

<input id=zslider type=text />