Không thể có được rangeslider.js làm việc

Question

Tôi cố gắng để sử dụng rangeslider jQuery plugin: http://andreruffert.github.io/rangeslider.js/

Tuy nhiên, nó dường như không làm việc. Tôi đang làm gì sai?

<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

Câu trả lời thực tế là xuống đến tùy chọn polyfill;

Phát hiện tính năng mặc định là true. Đặt điều này thành false nếu bạn cũng muốn sử dụng polyfill cũng trong Trình duyệt hỗ trợ nguyên tố < kiểu nhập nguyên bản = "phạm vi" >.

Heres một cách dễ dàng để bắt đầu:

$('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

Nó làm việc cho tôi cũng có, nhưng chỉ trên tài liệu sẵn sàng

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