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

Question

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

它包括以下脚本

1. <span class="output"></span>在它在 DOM 中的位置之后添加一个
2. 在值更改时将值绑定到跨度。

这里是：

  <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));
});

绑定函数搜索用于显示数据的下一个跨度。

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