Question

我希望有人可以帮我解决以下“问题”。

从700个积分开始，客户可以购买以缩略图显示的项目（.box）添加缩略图/项目需要花费25个学分，因此当客户端少于25个时，应该禁用添加按钮。（顺便说一句，这很完美）

然而，将来我想要更简单的行动来减少或增加不同金额的信用。我在我的示例中做了一个示例'动作'，所以当客户点击橙色方块时，它应该减少15。这就是造成麻烦的原因。因为我不知道如何限制不同的减少值。

例如：如果剩下24个学分，则客户不能再购买另一个盒子，但应该可以购买15个学分的东西。（从来没有信用不应该低于零）

任何人都可以帮助我实现这一目标吗？请记住，我希望将来通过更多行动来增加和减少。先感谢您。

代码 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>

Answer 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');;
});

jQuery如何限制减少的值

1 个答案: