jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – Jquery移动双量程滑块重新加载新范围大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
滑块适用于初始范围.这是滑块的html,初始范围是0到100

<div data-role="rangeslider">       
    <input type="range" name="range-1a" id="range-1a" min="0" max="100" value="40">       
    <input type="range" name="range-1b" id="range-1b" min="0" max="100" value="80">
</div>

<button id="btnReload" onclick="reloadRangeSlider(200,300)"></button>

我想实现一个javascript函数,可以帮助重新加载滑块的新范围,如200到300.在我的情况下,想要通过单击btnRelaod按钮重新加载滑块.

function reloadRangeSlider(min,maX){
    //To do: reload functionality goes here 
}

解决方法

这是我的问题的答案

function reloadRangeSlider(min,maX){
       $('#range-1a').attr("min",min).attr("max",maX).val(min);
       $('#range-1b').attr("min",maX).val(maX);          
       $('#range-1a').slider("refresh");
       $('#range-1b').slider("refresh");         
    }

大佬总结

以上是大佬教程为你收集整理的javascript – Jquery移动双量程滑块重新加载新范围全部内容,希望文章能够帮你解决javascript – Jquery移动双量程滑块重新加载新范围所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。