Question

尝试找出更新滑块ui值的方法，不仅可以更改手柄更改，还可以更新（加/减）按钮单击。它会在单击时将句柄移动一步，但不会更新值。有谁知道问题在哪里？

$(function () {
  var sizes = [ "0 years", "1 year", "2 years", "3 years", "4 years", "5 years", "6 years", "7 years" ];
  $("#slider-range-max3").slider({
    range: "max",
    min: 0,
    max: sizes.length - 1,
    step: 1,
    create: function(event, ui) {
      $("#sup").val(sizes[0]);
    },
    slide: function (event, ui) {
      $("#sup").val(sizes[ui.value]);
      $(".sup").text(sizes[ui.value]);
       var value = $(this).val(),
      button = $("#sup").val(sizes[ui.value]);
      setTimeout(function () { /* update text after jQM refreshes slider */
        button.text(custom[value]);
    }, 0); }

  });

  $("#plus3").click(function () {
    var value = $("#slider-range-max3").slider("value");
    var step = $("#slider-range-max3").slider("option", "step");

    $("#slider-range-max3").slider("value", value + step);
  });

  $("#minus3").click(function () {
    var value = $("#slider-range-max3").slider("value")
    var step = $("#slider-range-max3").slider("option", "step");

    $("#slider-range-max3").slider("value", value - step);
  });
});

Answer 1

您的点击功能需要更新滑块的文本和值

添加类似这样的内容

$("#sup").val(sizes[value+step]).text(sizes[value+step]);

作为点击功能的最后一行（显然将＆＃34; +＆＃34; s更改为＆＃34; - ＆＃34; s，具体取决于用户点击的内容）。

JSfiddel here

使用按钮更新滑块ui值

1 个答案: