Javascript.keyup()问题
我有这段代码,最近实现了slider。当滑动条移动时,它会按照我的要求更改win%。但如果我在输入中输入它,即60%,它将更新乘数和利润。我希望它通过滑块更新乘数和利润 更新输入的代码:Javascript.keyup()问题,javascript,jquery,Javascript,Jquery,我有这段代码,最近实现了slider。当滑动条移动时,它会按照我的要求更改win%。但如果我在输入中输入它,即60%,它将更新乘数和利润。我希望它通过滑块更新乘数和利润 更新输入的代码: $(document).ready(functon() { function updateValues() { // Grab all the value just incase they're needed. var chance = $('#chance').val(
$(document).ready(functon() {
function updateValues() {
// Grab all the value just incase they're needed.
var chance = $('#chance').val();
var bet = $('#bet').val();
var pay = $('#pay').val();
var profit = $('#profit').val();
// Calculate the new payout.
pay = Math.floor((9900 / (parseFloat(chance) + 0.5)) * 100) / 10000;
// Calculate the new profit.
profit = bet * pay - bet;
profit = profit.toFixed(6);
$('#chance').val(chance);
$('#bet').val(bet);
$('#pay').val(pay);
$('#profit').val(profit);
}
parseFloat($('#chance').keyup(updateValues));
parseFloat($('#bet').keyup(updateValues));
parseFloat($('#pay').keyup(updateValues));
parseFloat($('#profit').keyup(updateValues));
});
通过滑块更新win%的代码:
examples.push({
range: [.01, 98],
start: 49,
handles: 1,
connect: "lower",
serialization: {
to: [$(".exVal")]
}
});
HTML:
下注金额
倍增器
利润
获胜机会(%)
幻灯片选择赢取机会或在输入框中输入
为什么不更新呢?您在第一行的“functon”而不是“function”中有输入错误 也改变
parseFloat($('#chance').keyup(updateValues));
parseFloat($('#bet').keyup(updateValues));
parseFloat($('#pay').keyup(updateValues));
parseFloat($('#profit').keyup(updateValues));
到
编辑
此滑块没有事件,因此单击事件处理程序似乎是唯一的选项
$('.noUiSlider, .noUiSlider *').click(updateValues);
你能把图片中的代码添加到你的问题中吗?您还可以添加html吗?编辑了OP.html:因为滑块只是将值放入
#chance.exVal
,但不会触发keyup
事件-您必须手动调用updateValues
。如果您能向我们展示您使用的滑块代码,我们可能可以帮助您。我的JS和HTML滑块代码在OP中。我是否缺少什么?您可能希望创建一个自定义事件并将两个输入链接到该事件。应该使事情更容易管理。我的实际代码中没有这种打字错误(不知道它是怎么出现的)。很好,但这不是修复/问题。您应该提供有关slider的更多详细信息,因为如果没有codeYes,我无法重现问题。当然,那么示例在哪里初始化?它指的是什么?来自我用来制作滑块的源代码。努伊斯利德
$('#chance').keyup(updateValues);
$('#bet').keyup(updateValues);
$('#pay').keyup(updateValues);
$('#profit').keyup(updateValues);
$('.noUiSlider, .noUiSlider *').click(updateValues);