Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery UI滑块自定义步骤_Jquery_Jquery Ui_Jquery Ui Slider - Fatal编程技术网

jQuery UI滑块自定义步骤

jQuery UI滑块自定义步骤,jquery,jquery-ui,jquery-ui-slider,Jquery,Jquery Ui,Jquery Ui Slider,我有一个范围为1007-13138,步长为75的滑块。但我需要添加2个超出75范围的自定义步骤,例如2013和8759。这两个值指定了滑块的起点和终点,因此我希望在滑动时能够选择它们。任何建议或帮助将不胜感激-这是我第一次使用滑块,不太确定其功能,谢谢 HTML <div id="slider" data-start="2013" data-end="8759"></div> <div id="slider-result"></div> 您可以将

我有一个范围为1007-13138,步长为75的滑块。但我需要添加2个超出75范围的自定义步骤,例如2013和8759。这两个值指定了滑块的起点和终点,因此我希望在滑动时能够选择它们。任何建议或帮助将不胜感激-这是我第一次使用滑块,不太确定其功能,谢谢

HTML

<div id="slider" data-start="2013" data-end="8759"></div>
<div id="slider-result"></div>

您可以将步骤保持在1,在“更改-事件”中,如果所选值不是75的倍数(值%75!=0),则将提醒添加(或减去…)到该值以获得75的倍数,并将其设置为值

然后为这两个不是75的倍数的特定值添加例外

很可能你需要一些按钮(在滑块的两端)来将滑块设置为你的两个魔法值


您没有详细说明为什么需要此功能,因此很难说什么是可用性方面的最佳选择。

您可以将步骤保持在1,如果选择的值不是75的倍数(值%75!=0),则在值中添加(或减去…)提醒以获得75的倍数,并将其设置为值

然后为这两个不是75的倍数的特定值添加例外

很可能你需要一些按钮(在滑块的两端)来将滑块设置为你的两个魔法值


您没有详细说明为什么需要此功能,因此很难说什么是可用性方面的最佳选择。

我认为没有办法做到这一点(没有修改源),我认为没有办法做到这一点(没有修改源)
$('#slider').slider({
    value: $('#slider').data('end'),
    min: Math.round($('#slider').data('start') / 2),
    max: Math.round($('#slider').data('end') * 1.5),
    step: 75,
    slide: function (event, ui) {
        $('#slider-result').html(ui.value);
    }
});
$('#slider-result').html($('#slider').slider('option', 'value'));