jQuery UI滑塊更改“最大”值

Question

我正在將jQuery UI滑塊用於我正在從事的賭場游戲項目。 我需要能夠根據玩家當前的資金來更改“最大”值。 首先，滑塊正常工作，將“最大”滑塊值設置為1000，玩家開始提供資金。 隨着'currentBankroll'變量的更改而崩潰，滑塊的“ max”值不會更新。 我插入了console.log（）代碼行，以檢查變量'currentBankroll'的值，該值確認該值正在更改，但是滑塊“ max”值保持在初始值1000，並且不會更新。 為了進一步混淆我，我嘗試了一種在此處找到的解決方案來更改“最大”值。

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

如果我在其中輸入數字（例如300），則此行代碼將更改滑塊的“ max”值，但如果使用變量（如“ 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);