我正在使用jquery的rangelider小部件创建一个具有触控功能的价格范围滑块:http://api.jquerymobile.com/rangeslider/#entry-examples
(注意:我发现了很多关于使用jQuery的滑块小部件而不是rangelider小部件的文档。)
以下是工作示例: http://jsfiddle.net/E7xYc/1/
<html lang="en">
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="../libraries/js/jquery.mobile.custom/jquery.mobile.custom.js"></script>
<link rel="stylesheet" href="../libraries/js/jquery.mobile.custom/jquery.mobile.custom.structure.css" />
<link rel="stylesheet" href="../libraries/js/jquery.mobile.custom/jquery.mobile.custom.theme.css" />
</head>
<body>
<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>
</body>
</html>
我花了几个小时阅读文档并寻找示例,但我似乎无法动态设置rangelider的最小值,最大值和值。
所以..我移动了动态设置值并尝试将bound和onChange事件绑定到rangeSlider并传递函数中的值。我把它拉了下来,但它真的很笨拙,而且我知道我已经过度复杂了。
感谢任何帮助,世界。啊。