参数化jQuery ui滑块的最大值

Question

我正在尝试创建此滑块

http://jqueryui.com/demos/slider/#rangemax

是否可以参数化最大值？

例如：

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

当我点击某些内容时，是否可以传递maxValue值？它被初始化后？不是文档就绪功能，但即使在那之后？

Answer 1

您可以随时设置值，max您可以这样做：

$("#slider-range-max").slider("option", "max", newValue);

您可以使用所有选项at the jQuery UI site了解如何执行此操作。这是一个例子：

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

Answer 2

根据您在问题中提供的页面（点击Options然后点击max）：

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

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