1

私はNoUISliderが初めてで、スライダーを機能させることができました。ただし、スライダーの値が表示されないか、機能しているように見えます。

jQueryも初めてなので、スライダー値のコードが機能しない理由がわかりません。

私が編集しているウェブサイトはここにあります: Experian Map

これが私のコードです：

<script>
$(function(){

  $('#slider-range').noUiSlider({

    range: {
        'min': 0,
        '10%': 10,
        '20%': 20,
        '30%': 30,

        '50%': 50,
        '60%': 60,
        '70%': 70,

        '90%': 90,
        'max': 100
    },
    snap: true,
    start: [20]
	});
});
    </script>

<script>
  $(function(){
	$('#slider-range').Link('lower').to($('#slider-range-value'));
</script>
.example-val{
    color: #FFF;
    display: block;
    margin: 15px 0px;
}

.example-val:before {
    content: "Value: ";
    font: 700 12px Arial;
 }   

 #slider-range-value{
  	color: #FFF;
 }
    	<div id="slider-range"></div><span id="slider-range-value" class="example-val"></span>

4

1 に答える 1

0

ロジックは問題ありませんが、構文エラーがいくつかあります。ブラウザー コンソールを開く (F12 キーを押す) と役立ちます。

固定コード:

$(function(){
    $('#slider-range').noUiSlider({
        range: {
            ...
        },
        snap: true,
        start: [20]
    });

    $('#slider-range').Link('lower').to($('#slider-range-value'));
}); // << was missing
于 2014-09-24T12:47:38.460 に答える