Uncaught TypeError: Не функция

Question

Я изменил скрипку, которую я нашел в Интернете, и хотел бы запустить ее на моей странице. Однако при попытке сделать это я получаю Uncaught TypeError. Можете ли вы помочь мне разобраться с проблемой?

Ссылка на мою страницу: http://goo.gl/7jTAya Ссылка на jsfiddle: http://jsfiddle.net/Y5ZLL/1655/

Благодаря уже!

Вот мой код:

var sliders = $("#sliders .slider"); 

sliders.each(function() { 
    var value = parseInt($(this).text(), 10), 
    availableTotal = 100; 

    $(this).empty().slider({ 
     value: 0, 
     min: 0, 
     max: 100, 
     range: "max", 
     step: 10, 
     animate: 100, 
     slide: function(event, ui) { 
      // Update display to current value 
      $(this).siblings().text(ui.value + ' %'); 

      // Get current total 
      var total = 0; 

      sliders.not(this).each(function() { 
       total += $(this).slider("option", "value"); 
      }); 

      // Need to do this because apparently jQ UI 
      // does not update value until this event completes 
      total += ui.value; 

      var max = availableTotal - total; 

      // Update each slider 
      sliders.not(this).each(function() { 
      var t = $(this), 
       value = t.slider("option", "value"); 

      t.slider("option", "max", max + value) 
       .siblings().text(value + ' %'); 
      t.slider('value', value); 
      }); 
     } 
    }); 
}); 

Answer 1

Вы должны включить файл JS, где определена функция Slider.
Возможно, jQuery Slider, от jQueryUI?

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css"> 

Адрес working demo.

Answer 2

Вам не хватает jquery-ui.js библиотеки. Просто добавьте это:

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>