如何动态检查Jquery变量是否发生了变化

How to dynamically check if a Jquery variable has changed

本文关键字：变量 Jquery 是否 发生了 变化 检查 何动态 动态      更新时间：2023-09-26

我遇到的问题是，当变量schmeckle超过49时，没有任何变化，html不更新。(代码第13行)

$(document).ready(function() {
    var schmeckle = 0;
    $('#schmeckleAdder').click(function() {
        $('#iAmTheBody').css("background-color", "orange");
        if (schmeckle == 0) {
            schmeckle = schmeckle + 1;
            $('#iAmTheBody').append('<p id="howManyYouGot">You have ' + schmeckle + ' schmeckles!</p>');
        }
        else {
            schmeckle = schmeckle + 1;
            $('#howManyYouGot').html('<p>You have ' + schmeckle + ' schmeckles!</p>');
        }
    });
    if (schmeckle > 49) {
        $('iAmTheBody').append('<button type="button" id="mortyBuyer">Buy a morty!</button>');
    }
    else {
    }
});

您错过了ID选择器:change $('iAmTheBody') => $('#iAmTheBody')。你应该把你的支票移动到你增加计数器的逻辑中:看示例

$(document).ready(function() {
    var schmeckle = 0;
    $('#schmeckleAdder').click(function() {
        $('#iAmTheBody').css("background-color", "orange");
        if (schmeckle == 0) {
            schmeckle = schmeckle + 1;
            $('#iAmTheBody').append('<p id="howManyYouGot">You have ' + schmeckle + ' schmeckles!</p>');
        }
        else {
            schmeckle = schmeckle + 1;
            $('#howManyYouGot').html('<p>You have ' + schmeckle + ' schmeckles!</p>');
            if (schmeckle > 3) { //change to 49 as you wish
               $('#iAmTheBody').append('<button type="button" id="mortyBuyer">Buy a morty!</button>');
            } else { }
        }
    });
});
相关文章：