如何更改滑块的值

提问 已结 9 95
白色的恶魔
悬赏:20飞吻
版本:layui 2 浏览器:谷歌
<div class="bot_r">
<div id="slideTest1" class="demo-slider"></div>
<div id="slideTest2" class="demo-slider"></div>
</div>

layui.use('slider', function(){
var slider = layui.slider;

//渲染
var ins1 = slider.render({
elem: '#slideTest1' //绑定元素
,tips:true
,showstep:true
// ,range: true
,value:0
,max:15
,theme:'#1e9fff'
// ,height:250
,change:function(value){

console.log(value)

}
});
//渲染
slider.render({
elem: '#slideTest2' //绑定元素
,tips:true
,showstep:true
,max:15
,theme:'#ff5722'
,change:function(value){

console.log(value)
}
});


});
ins1.setValue(2) //Uncaught ReferenceError: ins1 is not defined
回帖
  • 红烧鱼i
    2019-5-15
    @白色的恶魔
    <!DOCTYPE html>
    <html>

    <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="layui-v2.4.5/css/layui.css">
    <script type="text/javascript" src="layui-v2.4.5/layui.js"></script>
    </head>
    <style type="text/css">
    body {
    padding: 100px;
    }
    </style>

    <body>
    <div id="slideTest1"></div>
    </body>
    <script>
    var obj = null;
    layui.use('slider', function() {
    var slider = layui.slider;

    //渲染
    obj = slider.render({
    elem: '#slideTest1'
    });
    obj.setValue(33)
    });
    </script>

    </html>
    0 回复
  • 红烧鱼i
    2019-5-15
    改什么值[嘻嘻]
    0 回复
  • @红烧鱼i 改滑块的值
    0 回复
  • @红烧鱼i 就比如说 我点击一个按钮 让滑块到某一个值
    0 回复
  • @白色的恶魔
    不是这个吗?
    element.progress(filter, percent);

    https://www.layui.com/doc/modules/element.html#progress
    0 回复
  • @哑巴湖大大水怪 这个filter是代表选择器吗?
    0 回复
  • @白色的恶魔 对的,就是组件上边lay-filter=“value”属性值value
    0 回复
  • 红烧鱼i
    2019-5-15
    有什么难度吗[嘻嘻] [嘻嘻]
    0 回复
  • @红烧鱼i 额 原来我设置值没放到函数体里 果然我还是太垃圾 ...

    很感谢大佬指点[可怜]
    0 回复