Question

我正在使用JQuery Simple Slider将文本框转换为滑块。

它包括以下脚本

在DOM中的位置和

<span class="output"></span>

更改时将值绑定到范围。

这是：

  <script>
  $("[data-slider]")
    .each(function () {
      var input = $(this);
      $("<span>")
        .addClass("output")
        .insertAfter($(this));
    })
    .bind("slider:ready slider:changed", function (event, data) {
      var value = $(this)
        .nextAll(".output:first")
          .html(data.value.toFixed(3));
    });
  </script>

我想修改它，以便它不会创建<span>元素并在页面上的其他位置显示结果。

所以，我会把它改成类似下面的内容，但这不起作用！

  <script>
  $("[data-slider]")
    .each(function () {
      var input = $(this);
    })
    .bind("slider:ready slider:changed", function (event, data) {
      var value = $(this);
        $(".displayMyValue").html(data.value.toFixed(3));
    });
  </script>

我可以将.nextAll更改为更合适的内容吗？

我的HTML：

<span class="displayMyValue"></span>
<input id="my-input" type="text" value="" data-slider="true" data-slider-range="1000,100000" data-slider-step="100" data-slider-highlight="true" data-slider-theme="volume">
<span class="output">//this created by jQuery//</span>

Answer 1

我正在使用此代码：

$("[data-slider]").bind("slider:ready slider:changed", function (event, data) {
     $(this).next("span").html(data.value.toFixed(0));
});

bind函数搜索Next范围，用于显示数据。

将“span”更改为#IdSpan，它将找到具有已定义ID的范围。

在jQuery中更改输入滑块值的目标

1 个答案: