Nie można uzyskać rangeslider.js pracować

Question

Próbuję użyć rangeslider jQuery plugin: http://andreruffert.github.io/rangeslider.js/

Jednak to nie wydają się działać. Co ja robię źle?

<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

Rzeczywista odpowiedź jest w dół do opcji polyfill;

Domyślnym wykryciem funkcji jest true. Ustaw tę wartość na false, jeśli chcesz użyć polyfill również w Przeglądarkach, które obsługują natywny element wejściowy < typ = "zakres" >.

Herezje łatwym sposobem, aby zacząć:

$('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); 
    } 
}); 

Answer 2

on pracował dla mnie też, ale tylko na dokumencie gotowy

$(document).ready(function() { 
     $('[role="range"]').rangeslider({ 
      polyfill : false, 
      onInit : function() { 
       this.output = $('[role="input-range"]').html(this.$element.val()); 
      }, 
      onSlide : function(position, value) { 
       this.output.html(value); 
      } 
     }); 
    });