Question

我一直试图找到一个教程，但没有运气。我不是要求任何人为我做这项工作，而是要看看是否有人知道任何有用的东西。

所以基本上我需要我的滑块最小值为零和动态设置的最大值（获取动态值不是问题）。

0 ------------------- o ------------------ 200

所以中间的'o'将是你可点击的滑动元素。我需要它在右边的框中输出你所在的数字。因此，在此示例中，它将输出100.非常类似于在视频播放器上设置音量。

基本上这是一个奖励积分系统，所以人们可以滑动他们有多少奖励积分，它将输出相当于多少磅。

正如我所说，我更多寻求帮助寻找教程，但如果有人可以发布一个可以推动我朝着正确方向发展的片段，我将永远感激不尽。

Answer 1

查看http://jqueryui.com/slider/#range

这将为您提供一个范围滑块，用于您需要的值

Answer 2

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>

如何创建jQuery价格滑块

2 个答案: