Javascript 参数化jQuery ui滑块的最大值

Javascript 参数化jQuery ui滑块的最大值,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我正在尝试创建这个滑块 是否可以将最大值参数化 例如: $("#slider-range-max").slider({ range: "max", min: 1, max: maxValue, value: 2, slide: function(event, ui) { $("#amount").val(ui.value);

我正在尝试创建这个滑块

是否可以将最大值参数化

例如:

$("#slider-range-max").slider({
            range: "max",
            min: 1,
            max: maxValue,
            value: 2,
            slide: function(event, ui) {
                $("#amount").val(ui.value);
            }
        });

当我点击某个东西时,是否可以传递
maxValue
value?在它被初始化之后?不是在document ready(文档准备)功能上,但即使在这之后?

您可以随时设置值,对于
max
,您可以执行以下操作:

$("#slider-range-max").slider("option", "max", newValue);
您可以看到如何使用所有选项执行此操作。下面是一个例子:

$(".increaseMax").click(function() {
  var currentMax = $("#slider-range-max").slider("option", "max");
  $("#slider-range-max").slider("option", "max", currentMax + 1);
});

根据您在问题中给出的页面(单击
Options
,然后单击
max
):

7
更改为要将新最大值设置为的任何值/变量

Get or set the max option, after init. 
  //getter
  var max = $( ".selector" ).slider( "option", "max" );
  //setter
  $( ".selector" ).slider( "option", "max", 7 );