JQuery говорит, что этот объект не поддерживает «каждый»

Question

Когда я запускаю свое веб-приложение, я получаю сообщение об ошибке «Ошибка выполнения JavaScript: объект не поддерживает свойство или метод« каждый », я пытаюсь создать легенду ниже или выше моего JQuery слайдер ...

здесь сценарии я использую

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 

<link rel="stylesheet" href="/resources/demos/style.css" /> 

и это мой JQuery скрипт

$(function() { 

     $("#slider-range").slider({ 

      range: true, 

      min: 0, 

      max: 100, 

      values: [0, 100], 

      animate: 'slow', 

         slide: function (event, ui) { 
       //$(ui.handle).find('span').html('$' + ui.value); 
       // 
       $("#amount").val("$" + ui.values[0] + " - $" + ui.values[1]); 

          } 
      .each(function() { 

           // Get the options for this slider 
       var opt = $(this).data().uiSlider.options; 

       // Get the number of possible values 
       var vals = opt.max - opt.min; 

       // Space out values 
       for (var i = 0; i <= vals; i++) { 

        var el = $('<label>'+(i+1)+'</label>').css('left',(i/vals*100)+'%'); 

        $("#slider").append(el); 

       } 
      }) 
     }); 

     $("#amount").val("$" + $("#slider-range").slider("values", 0) + 

     " - $" + $("#slider-range").slider("values", 1)); 

    }); 

Любая помощь будет оценена.

Благодаря

Answer 1

Вы подаете заявление each о вариантах объекта, который имеет только range, min, max, values и animate. Действительно, нет each.

Answer 2

Вы звонили each() на функции обработчика слайд - неуместной })

$("#slider-range").slider({ 
    range: true, 
    min: 0, 
    max: 100, 
    values: [0, 100], 
    animate: 'slow', 
    slide: function (event, ui) { 
     //$(ui.handle).find('span').html('$' + ui.value); 
     // 
     $("#amount").val("$" + ui.values[0] + " - $" + ui.values[1]); 

    }// <-- you had it here 
}).each(function() { 
    // Get the options for this slider 
    var opt = $(this).data().uiSlider.options; 
    // Get the number of possible values 
    var vals = opt.max - opt.min; 
    // Space out values 
    for (var i = 0; i <= vals; i++) { 
     var el = $('<label>' + (i + 1) + '</label>').css('left', (i/vals * 100) + '%'); 
     $("#slider").append(el); 
    } 
}); 

Answer 3

Вы звоните .each() в том месте, что нужно сделать }).each(function() {

$(function() { 
    $("#slider-range").slider({ 
     range: true, 
     min: 0, 
     max: 100, 
     values: [0, 100], 
     animate: 'slow', 
     slide: function (event, ui) { 
      //$(ui.handle).find('span').html('$' + ui.value); 
      // 
      $("#amount").val("$" + ui.values[0] + " - $" + ui.values[1]); 

     } 
    }).each(function() { //you each loop like this 

     // Get the options for this slider 
     var opt = $(this).data().uiSlider.options; 

     // Get the number of possible values 
     var vals = opt.max - opt.min; 

     // Space out values 
     for (var i = 0; i <= vals; i++) { 

      var el = $('<label>' + (i + 1) + '</label>').css('left', (i/vals * 100) + '%'); 

      $("#slider").append(el); 

     } 
    }) 
});