Jquery UI滑块可变比例尺
Jquery UI滑块可变比例尺
提问于 2014-02-07 16:22:03
我想知道是否有人能解释如何打印滑块的值，并添加数学来贴现变量项。
http://jsfiddle.net/spadez/w7A4k/6/
例如，如果我想这样做：
(40 * NUMBER) - (NUMBER * 0.1)这将基本上适用于每显示的额外数字10%的折扣，而不是1:1的比例。
- 如果滑块值等于1，则成本为40美元
- 如果滑块等于2，则值为76美元
作为一个起点，我能做的最好的事情是，在没有折扣的情况下得到总数：
$("#amount")ui.value * 40);有人能解释一下我会怎么做吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-02-07 17:52:04
目前还不清楚你们想用折扣做些什么。
如果我们按照你的公式
(40 *编号)-(编号* 0.1)
它与示例不匹配：
如果滑块值等于1，则如果滑块等于2，则成本为40美元，则该值为76美元。
既然，
- 数=1 -> (40 * 1) - (1 * 0.1) = 39.90
- 数=2 -> (40 * 2) - (2 * 0.1) = 79.80
我觉得你的意思是这样的..。
(40 *编号)- 0.1 *(编号- 1) * 40
这将是
- 数=1 -> (40 * 1) - 0.1 *(1-1)* 40 = 40
- 数=2 -> (40 * 2) - 0.1 *(2-1)* 40 = 76
是这样吗？
更新：
http://jsfiddle.net/kLKxX/
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Slider - Snap to increments</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#slider" ).slider({
value:1,
min: 1,
max: 100,
step: 1,
slide: function( event, ui ) {
$( "#amount" ).val( "items: " + ui.value );
$("#discounted").val("$" + calculateDiscount(ui.value, 40));
}
});
$( "#amount" ).val( "items: " + $( "#slider" ).slider( "value" ) );
});
function calculateDiscount(value,base){
var discounted = (base * value) - 0.1 * (value - 1) * base;
return discounted;
}
</script>
</head>
<body>
<p>
<label for="amount">Donation amount ($50 increments):</label>
<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;">
<input type="text" id="discounted" style="border:0; color:#FF0000; font-weight:bold;">
</p>
<div id="slider"></div>
</body>
</html>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21632793
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号