如何创建一个jQuery价格滑块

我一直在试图找到一个教程，但有没有运气。我不是要求任何人为我做这项工作，而是要求更多人看看是否有人知道任何有用的东西。如何创建一个jQuery价格滑块

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

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

因此，中间的'o'是您可点击的滑动元素。我需要它输出在右侧框中，你是对的数量。所以在这个例子中它会输出100.非常喜欢在视频播放器上设置音量。

基本上这是一个奖励积分系统，让使用者在他们多少奖励点具有滑块和它会输出这个多少斤的等价物。

正如我所说的即时通讯更多寻求帮助找到一个教程，但会永远感激，如果有人可以张贴片段，将推动我在正确的方向。

来源

2013-03-04 Frank Clark

检查http://jqueryui.com/slider/ – 2013-03-04 11:20:39

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

这会给你值的范围滑块像你需要

来源

2013-03-04 11:21:59 CR41G14

这是我已经结束了使用，但我不知道它是浏览器如何交叉兼容。我很快就会发现。 – 2013-03-04 16:32:59

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>

来源

2013-07-11 11:09:31

如何创建一个jQuery价格滑块

回答

相关问题