0

誰かが次の「問題」で私を助けてくれることを願っています。

700クレジットから、クライアントはサムネイル(.box)に表示されるアイテムを購入できます。サムネイル/アイテムの追加には25クレジットがかかるため、クライアントの残りが25未満の場合は、追加ボタンを無効にする必要があります。(ちなみにこれは完璧に機能します)

ただし、将来的には、異なる金額でクレジットを増減するためのより簡単なアクションが必要です。私の例ではサンプルの「アクション」を作成したので、クライアントがオレンジ色の四角をクリックすると、15で減少するはずです。これが問題の原因です。異なる減少値に制限を設ける方法がわからないためです。

例:残り24クレジットの場合、クライアントは別のボックスを購入できませんが、15クレジットで何かを購入できるはずです。(そして、クレジットがゼロを下回ってはいけません)

誰かが私がこれを達成するのを手伝ってもらえますか?今後も行動を重ねて増減していきたいと思います。前もって感謝します。

JSFIDDLE

コード JS

var counter = 0;


$("#money").val(250);

$('#purchase').click(function() {
    var box = $('<div class="box"' + (counter) + '><div class="yellow"' + (counter) + '><div class="buy"' + (counter) + '></div></div></div>').appendTo('.container');
    $("#money").val(Number($("#money").val()) - 26);

    if ($("#money").val() < 25) {
        $('#purchase').prop("disabled", true);
    }

    $('.buy').click(function() {
        $(this).fadeOut();
     if ($("#money").val() < 25) {
        $('#purchase').prop("disabled", true);

        $("#money").val(Number($("#money").val()) - 15);
}
    });




});

HTML

<button id="purchase">Add a box </button>
<input id="money"></input>
<div class="container"></div>
4

1 に答える 1

1

これをチェックしてください:http://jsfiddle.net/RbnBs/1/

var counter = 0;


$("#money").val(250);

$('#purchase').click(function() {
    if($("#money").val() < 25)
        return; // or alert('not enough money');

    var box = $('<div class="box"' + (counter) + '><div class="yellow"' + (counter) + '><div class="buy"' + (counter) + '></div></div></div>').appendTo('.container');
    $("#money").val(Number($("#money").val()) - 25).triggerHandler('change');
});

$('#money').change(function(){
    $('#purchase').prop("disabled", $(this).val() < 25);
});

$('.container').on('click', '.buy', function() {
    if($("#money").val() < 15)
        return; // or alert('not enough money');
    $(this).fadeOut();
    $("#money").val(Number($("#money").val()) - 15).triggerHandler('change');;
});
于 2012-11-07T14:30:18.093 に答える