Javascript 使用设置值禁用的基础6滑块

我一直在绞尽脑汁想弄明白这一点。我有大量的这些酒吧通过我的网站。某些条形图显示默认值，但无法更改。该站点当前正在运行基础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>

---

有没有人遇到过这个问题并找到了解决方案。我只想将该值锁定为初始起始值。

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

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

---

只需将sliderDisabled类添加到滑块中。此代码将在条句柄移动后禁用滑块。

如果您想禁用某些单独的滑块，而不是使用添加的类名禁用所有滑块，您还可以向滑块添加id并引用特定id（相同的结果只是实现方法不同）。我发现有趣的是，目前还没有已知的方法让滑块从数据初始开始位置开始，而不是从下限开始，为了冷却而占用所有这些资源。