jQuery UI-slider 改变“最大值”值

Question

我正在将 jQuery UI 滑块用于我正在从事的赌场游戏项目。我需要能够根据玩家当前的资金来更改“最大值”。起初，滑块正常工作，它将“最大”滑块值设置为 1000，玩家开始资金。随着 'currentBankroll' 变量的变化，滑块的“最大值”值不会更新。我插入了一个 console.log() 代码行来检查变量“currentBankroll”的值，它确认该值正在改变，但滑块“max”值保持在初始值 1000 并且没有更新。为了进一步让我感到困惑，我尝试了一个我在这里找到的解决方案来更改“最大值”值。

$('#slider-range-max2').slider("option", "max", 300);

如果我在其中输入一个数字（如 300），这行代码将更改滑块的“最大值”值，但如果我使用变量（如“currentBankroll”）将不起作用。如何更改滑块值使用变量？

$(function() {
    console.log("Current Bankroll: " + currentBankroll);
    $("#slider-range-max2").slider({
        range: "max",
        max: 0,
        min: 1,
        max: currentBankroll,
        value: 2,
        slide: function( event, ui ) {
            $("#amount").val( ui.value );
            sliderValue = (ui.value);
        },
        slide : function(event, ui) {
            skillLevelSlots(ui.value);
            wagerAmount = (ui.value);
            $('.wager').html("$" + wagerAmount);
        }
    });
    $('#slider-range-max2').slider("option", "max", 300);
});

Answer 1

正确 - 您正在某个时间定义滑块并使用 currentBankroll 设置最大值。这是创建滑块时的值，但除非您重新创建它，否则它不会改变。为了让它改变，每当你的 currentBankroll 改变时，你可以调用一个改变值的函数。

function currentBankrollChange(currentBankroll){
     $('#slider-range-max2').slider("option", "max", currentBankroll);
}

或者当玩家资金发生变化时，您可以跟注：

 $('#slider-range-max2').slider("option", "max", currentBankroll);