JQuery button animate

Question

У меня возникла проблема с анимационной ручкой jquery. Как вы можете видеть в моем примере, оживает только последний.

<input class="knob nummer1 animated" value="0" rel="64"> 
     <input class="knob nummer2 animated" value="0" rel="77"> 
     <input class="knob nummer3 animated" value="0" rel="99"> 

link

Answer 1

местного $this объект не получал установить для каждого нового экземпляра ручки, а так же this объекта ссылается каждый раз.

, так что вам нужно создать новую локальную ссылку для объекта this для каждого экземпляра ручки.

var $this = $(this);

Live Demo @ JSFiddle

JS КОД:

 $('.knob').each(function() { 
     var $this = $(this); 
     var myVal = $this.attr("rel"); 
     $this.knob({ 
     }); 
     $({ 
      value: 0 
     }).animate({ 
      value: myVal 
     }, { 
      duration: 2000, 
      easing: 'swing', 
      step: function() { 
      $this.val(Math.ceil(this.value)).trigger('change'); 
      } 
     }); 
    });