基金会6滑块使用设置值禁用

我一直在试图找出这个问题。我通过我的网站有大量的这些酒吧。一些条显示默认值，但不能更改。该网站目前正在运行的基础5和酒吧工作正常，但转换为6时，系统失败。以下代码是它们的默认样本，它以初始值显示。基金会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>

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

来源

2016-11-13 James

经过测试我能想到的所有事情并与很多人合作后，我终于找到了一个解决方案。对于那些寻找答案，请享受下面的代码。

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

只需将类sliderDisabled添加到滑块即可。该代码将在酒吧手柄移动后禁用滑块。

来源

2016-11-14 02:05:58 James

如果您想禁用某些单独的滑块而不是所有添加的类名（同样的结果只是不同的方式），您也可以将一个ID添加到滑块并引用特定的ID。我觉得有趣的是，目前还没有将滑块从数据初始启动位置开始的方式，而不必从下限开始，为了清凉起见，将所有这些资源占用。 –

基金会6滑块使用设置值禁用

回答

相关问题