我一直试图找到一个教程，但没有运气。我不是要别人帮我做这项工作，而是想看看有没有人知道什么有用的东西。
所以基本上我需要我的滑块有一个最小值为零和一个动态设置的最大值(获得动态值不是问题)。
0 ------------------- o ------------------ 200
中间的"o"就是你的可点击滑动元素。我需要它在右边的盒子里输出你所处的数字。在这个例子中，它会输出100。就像在视频播放器上设置音量一样。
基本上这是一个奖励点系统，所以人们可以滑动滑动他们有多少奖励点，它将输出多少磅这是等价的。
正如我所说的，我更希望找到一个教程的帮助，但如果有人能发布一个片段，将推动我在正确的方向，我将永远感激。
看看http://jqueryui.com/slider/#range
这将给你一个范围滑块，你需要的值
Try this:
http://jquerymobile.com/demos/1.0a2/#docs/forms/forms-slider.html
<body class="">
<link rel="stylesheet" href="jquery.css">
<script src="jquery-1.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<div class="" id="" data-role="page">
<div class="ui-field-contain ui-body ui-br" data-role="fieldcontain">
<input class="" name="slider" id="slider" value="100" min="0" max="10" data-type="range">
</div>