0

こんにちは、私は JQuery を初めて使用します。ここでスライダーを見つけました: JQuery Range Slider、このコードを HTML ページにコピーしました

<script>
  $(function() {
    $( "#slider-range" ).slider({
      range: true,
      min: 0,
      max: 500,
      values: [ 75, 300 ],
      slide: function( event, ui ) {
        $( "#amount" ).val( "€" + ui.values[ 0 ] + " - €" + ui.values[ 1 ] );
      }
    });
    $( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
      " - €" + $( "#slider-range" ).slider( "values", 1 ) );
  });
 $( "input" ).rangeslider();
  </script>

CSS とスライダー div も本体に含めました。たとえば、10 ドルから 30 ドルの間でスライダーを動かすと、この範囲内にあるこれらの製品のみがコンテンツに表示されます。価格は入力フィールドにあります。

誰かが私を助けてくれることを願っています!

4

1 に答える 1