參數化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);

您可以在jQuery UI站點上看到如何使用所有選項執行此操作。 這是一個例子：

$(".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更改為要將新的最大值設置為的任何值/變量。