标签：javascript jquery jquery-ui slider

我有3个div

<div id="slider-range1" class="slider-range"></div>
<div id="slider-range2" class="slider-range"></div>
<div id="slider-range3" class="slider-range"></div>

我已经使用类引用将滑块添加到这些div中

$(function() {
        $(".slider-range").slider({
            range: true,
            min: 0,
            max: 100,
            slide: function(event, ui) {

            }
        });
});

每个滑块的范围是不同的.我想动态添加它

我试过了

$("#slider-range1").slider('option','values',[1, 100]);

但它不起作用:(

解决方法:

你有没有尝试过：

$('selector').slider( 'values' , index , value ); // index would be the square in the slider

在你的例子中你可以：

$("#slider-range1").slider('values', 0, 50);
$("#slider-range1").slider('values', 1, 100);

标签：javascript,jquery,jquery-ui,slider
来源： https://codeday.me/bug/20190827/1741853.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。