-1

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

私はそのコードを持っており、最近スライダーを実装しました。スライダーを動かすと、希望どおりに勝率が変わります。しかし、入力に 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>

なぜ更新されないのですか？

4

1 に答える 1

0

最初の行の「関数」ではなく「関数」にタイプミスがあります。

また変更

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);
于 2013-06-29T12:57:37.413 に答える