jQuery Значение слайдера undefined

Question

Я пытаюсь узнать, как использовать ползунки jQuery. Я не могу получить значение с ползунка при смене/слайде. Как получить значение?

$(function() { 
    $('.slider').slider({ 
     value: 0, 
     min: 0, 
     max: 100, 
     step: 1, 
     change: function() { 
      UpdateVal(this); 
     } 
    }); 
}); 

function UpdateVal(bar) { 
    //This returns an object 
    var selection = $('.ampSli').slider('value'); 
    alert(selection); 

    //This returns 'undefined' 
    alert(bar.value); 
} 

Answer 1

Pass ui объект в UpdateVal:

change: function (event, ui) { 
     UpdateVal(ui); 
    } 

Демонстрация: http://jsfiddle.net/lotusgodkk/GCu2D/723/

Answer 2

Вместо использования changeслайд

$(function() { 
     $('.slider').slider({ 
      value: 0, 
      min: 0, 
      max: 100, 
      step: 1, 
      slide: function(event, ui) { 
       UpdateVal(ui); 
      } 
     }); 

    function UpdateVal(bar) { 

     var selection = $('.ampSli').slider('value'); 
     alert(selection); 

     alert(bar.value); 
    } 
}); 

Fiddle