こんにちは、私は 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 ドルの間でスライダーを動かすと、この範囲内にあるこれらの製品のみがコンテンツに表示されます。価格は入力フィールドにあります。
誰かが私を助けてくれることを願っています!