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 回答