jquery mobile RangeSlaider在达到最大值时添加+符号

我想知道当选择/点击最大值时，如何为Jquery Mobile range slider添加一个加号，使其值更高。 对于价格上限范围内的，选择最大值时，它有一个+值

我尝试更改最大值 它不起作用，也试图用脚本来改变它，但它也不起作用。不确定是否有可能这样做

  <script>
  $(document).on('pageshow',function(){
    var value = document.getElementById("range-1b").value;
    if(value =2000){
     document.getElementById("range-1b").value="2000+";
    }
  });
  </script>

---

您需要使用ochange事件来实现这一点

我用jQueryUI中的默认值自己做的

$(function () {
      $("#slider-range").slider({
          range: true,
          min: 0,
          max: 500,
          values: [75, 300],
          slide: function (event, ui) {
              console.log($("#amount").val());
              //console.log($("#amount").text());
              var dol = getSecondPart($("#amount").val());
              if (ui.values[1] == '500') {
                  if (dol == ' $499' || dol == ' $500+') {
                      $("#amount").val("$" + ui.values[0] + " - $" + "500+");
                  }
              }
              else {
                  $("#amount").val("$" + ui.values[0] + " - $" + ui.values[1]);
              }
          }
      });
      $("#amount").val("$" + $("#slider-range").slider("values", 0) +
        " - $" + $("#slider-range").slider("values", 1));
  });
  function getSecondPart(str) {
      return str.split('-')[1];
  }

看看小提琴版本

---

当jQM增强Range Slider时，输入设置为type=number。此类型仅接受数字，因此无法将文本“100+”设置为输入值

一种解决方法是只在100旁边放置一个“+”：

在RangeSloider标记中，添加带有labelPlus类的：

<div data-role="rangeslider">
    <label for="range-1a">Rangeslider:</label>
    <input type="range" name="range-1a" id="range-1a" min="0" max="100" value="40" />
    <label for="range-1b">Rangeslider:</label>
    <input type="range" name="range-1b" id="range-1b" min="0" max="100" value="80" />
    <span class="labelPlus">+</span>
</div>

在javascript中，处理高输入上的更改事件，并检查是否为100。如果是，则显示加号范围，否则将其隐藏：

$("#range-1b").on("change", function(){
    var val = $(this).val();
    if (parseInt(val) >= 100) {
        $(".labelPlus").show(); 
    } else {
        $(".labelPlus").hide();
    }
});    

---

你能发布一个小提琴版本吗？这不是我的小提琴，但这正是我说的同一把小提琴@Ben你可以用叉子做你自己的版本

$("#range-1b").on("change", function(){
    var val = $(this).val();
    if (parseInt(val) >= 100) {
        $(".labelPlus").show(); 
    } else {
        $(".labelPlus").hide();
    }
});