javascript之nouislider 自定义步骤,单次拖动

wayfarer 阅读:152 2026-01-12 12:40:43 评论:0

我尝试将自定义步骤添加到 nouislider但没有运气。

slider 从 500 移动到 10000,并错过了 1000。

$("#nouislider").noUiSlider({ 
    start: 500, 
    snap: true, 
    range: { 
        'min': [500], 
        '1000': [1000], 
        'max': [10000], 
    }, 
 }); 

没用,同样的事情

$("#nouislider").noUiSlider({ 
    start: 500, 
    snap: true, 
    range: { 
        'min': 500, 
        '1000': 1000, 
        'max': 10000, 
    }, 
 }); 

请您参考如下方法:

range 选项中的keys 指示您希望值在范围内的位置。如果你想半途而废:

$("#nouislider").noUiSlider({ 
    start: 500, 
    snap: true, 
    range: { 
        'min': 500, 
        '50%': 1000, // Note the percentage indicated here. 
        'max': 10000 
    } 
}); 


标签:JavaScript
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

关注我们

一个IT知识分享的公众号