Javascript .keyup（）問題

Question

http://puu.sh/3r1jk.png

我有那段代碼，最近實現了滑塊。當滑塊移動時，它會根據我的需要更改win％。但是如果我在輸入中輸入60％，它會更新乘數和利潤。我希望它通過滑塊更新乘數和利潤。

代碼更新輸入：

$(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)); 
}); 

代碼通過滑塊來更新獲勝％：

examples.push({ 

    range: [.01, 98], 
    start: 49, 
    handles: 1, 
    connect: "lower", 
    serialization: { 
     to: [$(".exVal")] 
    } 

}); 

HTML：

<div class="form-box"> 
    <label for="bet">Bet Amount</label> 
    <input type="text" name="bet" id="bet" class="text" placeholder="amount" /> 
</div> 
<div class="form-box"> 
    <label for="pay">Multiplier</label> 
    <input type="text" name="pay" id="pay" class="text" placeholder="Payout - 2x Default" /> 
</div> 
<div class="form-box last"> 
    <label for="pay">Profit</label> 
    <input type="text" name="profit" id="profit" class="text" placeholder="Profit" /> 
</div> 
<div class="clearfix"></div> 
<div class="form-box"> 
    <label for="chance">Win Chance (%)</label> 
    <input type="text" name="chance" id="chance" class="text exVal" value="50" placeholder="Win % - 50.5% Default" /> 
</div> 
<p>Slide to choose win chance or enter it in the input!</p> 
<div class="noUiSlider" id="chance" style="margin: 25px 100px 10px 220px; colour:#00aec8;"></div> 

爲什麼不將其更新？

Answer 1

您在第一行「functon」而不是「功能」中有錯字。

而且改變

parseFloat($('#chance').keyup(updateValues)); 
parseFloat($('#bet').keyup(updateValues)); 
parseFloat($('#pay').keyup(updateValues)); 
parseFloat($('#profit').keyup(updateValues)); 

到

$('#chance').keyup(updateValues); 
$('#bet').keyup(updateValues); 
$('#pay').keyup(updateValues); 
$('#profit').keyup(updateValues); 

編輯

該滑塊有任何事件，所以點擊事件處理程序似乎是唯一的選擇

$('.noUiSlider, .noUiSlider *').click(updateValues);