基础6滑块使用已设置值

Question

我一直绞尽脑汁试图弄明白这个。我的网站上有大量的这些酒吧。某些条显示默认值但无法更改。该站点目前正在运行基础5，并且条形图正常工作但转换为6时系统失败。以下代码是默认示例，显示初始值。

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

现在我们获取代码并简单地将禁用的类添加到滑块。当我们这样做时，它会禁用滑块，但会将滑块移回0.

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

是否有人遇到此问题并找到了解决方案。我只想将值锁定到初始起始值。

Answer 1

在测试了我能想到的所有内容并与许多人合作后，我终于想出了一个解决方案。对于那些寻找答案的人，请享受以下代码。

$('.sliderDisabled').on('moved.zf.slider',function(){
    $(this).addClass('disabled');
});

只需将类sliderDisabled添加到滑块即可。条形句柄移动后，此代码将禁用滑块。