Javascript jQuery UI滑块更改“最大”值

Javascript jQuery UI滑块更改“最大”值,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我正在为一个赌场游戏项目使用jQuery UI滑块。我需要能够改变最大值的基础上,球员目前的资金。首先,滑块工作正常,它将最大滑块值设置为1000,玩家开始资金。随着“currentBankroll”变量的更改,滑块最大值不会更新。我插入了一行console.log代码来检查变量“currentBankroll”的值,它确认值正在更改,但滑块最大值保持在初始值1000,并且不会更新。为了进一步迷惑我,我尝试了一个我在这里找到的解决方案来更改最大值 $('#slider-range-max2').

我正在为一个赌场游戏项目使用jQuery UI滑块。我需要能够改变最大值的基础上,球员目前的资金。首先,滑块工作正常,它将最大滑块值设置为1000,玩家开始资金。随着“currentBankroll”变量的更改,滑块最大值不会更新。我插入了一行console.log代码来检查变量“currentBankroll”的值,它确认值正在更改,但滑块最大值保持在初始值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);
});

右-您在特定时间定义滑块,并使用currentBankroll设置最大值。这是创建滑块时的值,但除非重新创建,否则不会更改。要使其改变,只要您的当前资金发生变化,您就可以调用一个函数来改变该值

function currentBankrollChange(currentBankroll){
     $('#slider-range-max2').slider("option", "max", currentBankroll);
}
或者,当玩家资金发生变化时,您可以拨打:

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

右-您在特定时间定义滑块,并使用currentBankroll设置最大值。这是创建滑块时的值,但除非重新创建,否则不会更改。要使其改变,只要您的当前资金发生变化,您就可以调用一个函数来改变该值

function currentBankrollChange(currentBankroll){
     $('#slider-range-max2').slider("option", "max", currentBankroll);
}
或者,当玩家资金发生变化时,您可以拨打:

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

您是否尝试过$'slider-range-max2'。slideroption,max,parseIntcurrentBankroll;您已经定义了两次slide属性,这将导致问题。我尝试了“parseInt”,但没有成功。var c=5;$'slider-range-min'。slideroption,max,c;-我只是在我自己的代码中测试了这个,它似乎工作得很好。就像@RoryMcCrossan说的,幻灯片定义了两次,但除此之外,我不明白上面的代码为什么不起作用。您是否遇到任何错误?您是否尝试过$'slider-range-max2'。slideroption,max,parseIntcurrentBankroll;您已经定义了两次slide属性,这将导致问题。我尝试了“parseInt”,但没有成功。var c=5;$'slider-range-min'。slideroption,max,c;-我只是在我自己的代码中测试了这个,它似乎工作得很好。就像@RoryMcCrossan说的,幻灯片定义了两次,但除此之外,我不明白上面的代码为什么不起作用。您是否有任何错误?我不确定在代码中的何处放置此函数,我似乎无法使其工作?在$function之后的某个位置{然后每当您的代码更改currentBankroll时,在该代码中调用此函数-currentBankrollChangecurrentBankroll;或者每当玩家currentBankroll更改时,您可以只调用$'slider-range-max2'。slideroption,max,currentBankroll;我按照描述进行了尝试,但出现了一个错误:ReferenceError:currentBankrollChange未定义你需要在函数被调用之前定义它,这样它就可以被调用-即在你的代码中的更高层。试着把它直接放在$function之后{我不确定在代码中的什么地方放置这个函数,我似乎无法让它工作?在$function之后的某个地方{然后每当您的代码更改currentBankroll时,在该代码中调用此函数-currentBankrollChangecurrentBankroll;或者每当玩家currentBankroll更改时,您可以只调用$'slider-range-max2'。slideroption,max,currentBankroll;我按照描述进行了尝试,但出现了一个错误:ReferenceError:currentBankrollChange未定义你需要在函数被调用之前定义它,这样它就可以被调用了——也就是说在你的代码中更高的位置。试着把它直接放在$function后面{