layui的 的silder为什么拖拽不了啦

在使用layui的滑块组件(slider)时,作者遇到一个问题:在新增记录时无法拖拽滑块,而在编辑记录时则正常。问题根源在于新增和编辑共用同一函数,通过为新增和编辑的滑块设置不同的class并分别重新渲染解决。新增时,滑块默认值设为50;编辑时,滑块的初始值取自页面中的值。
摘要由CSDN通过智能技术生成

https://www.layui.com/doc/modules/slider.html#change官网silder的介绍

情景是这样的。我新增时有个拖拽的滑块,编辑时能修改这个滑块。

我就写了一个函数让他新增和编辑的时候都调用这个函数.但是好像编辑是好的,新增不好。最后我在新增和编辑里面都重新写了一遍渲染的。并且新增和编辑的slider的class写的不一样的名字。然后就好了。

 

新增
 $("#toolbar .add").click(function(){

   var  renderSlider1=slider.render({
                elem: '.addslideTest'
                ,input: true //输入框
                ,max:100 //最大值
                ,change: function(value){
                    sortnum=value;
                }
              });
          renderSlider1.setValue(50);//新增时默认选中的时50

})

$("#toolbar .edit").click(function(){
        var  renderSlider=slider.render({

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值