参数化 jQuery ui 滑块的最大值答案

【问题标题】：Parameterizing max value of a jQuery ui slider参数化 jQuery ui 滑块的最大值
【发布时间】：2010-04-18 01:55:03
【问题描述】：

我正在尝试创建这个滑块

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 值？初始化后？不是在文档准备功能上，而是在那之后？

【问题讨论】：

标签： javascript jquery jquery-ui

【解决方案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);
});

【讨论】：

【解决方案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 更改为您想要设置新最大值的任何值/变量。

【讨论】：