0

テキストボックスをスライダーに変換するためにJQuery Simple Sliderを使用しています。

次のスクリプトが含まれています。

  1. <span class="output"></span>DOM 内の位置の後にa を追加し、
  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>
4

1 に答える 1

1

私はこのコードを使用しています：

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

bind 関数は、データの表示に使用される次のスパンを検索します。

「スパン」を に変更する#IdSpanと、定義された ID を持つスパンが検索されます。

于 2013-10-07T21:24:53.413 に答える