javascript - rangeslider.js を動作させることができません

Question

rangeslider jQuery プラグインを使用しようとしています: http://andruffert.github.io/rangeslider.js/

しかし、うまくいかないようです。私は何を間違っていますか？

<input
    type="range"
    min="10"                    // default 0
    max="1000"                  // default 100
    step="10"                   // default 1
    value="300"                 // default min + (max-min)/2
    data-orientation="vertical" // default horizontal
>

$( document ).ready(function() {
    $('input[type="range"]').rangeslider();
});

Jsfiddle: http://jsfiddle.net/8n2ckkmr/

Answer 1

実際の答えは polyfill オプションにあります。

機能検出のデフォルトは ですtrue。falseネイティブの <input type="range"> 要素をサポートするブラウザーでもポリフィルを使用する場合は、これを に設定します。

開始する簡単な方法は次のとおりです。

$('input[type="range"]').rangeslider({
    polyfill : false,
    onInit : function() {
        this.output = $( '<div class="range-output" />' ).insertAfter( this.$range ).html( this.$element.val() );
    },
    onSlide : function( position, value ) {
        this.output.html( value );
    }
});