2014-04-15 61 views
0

我想動畫我的jquery撥號,並已加載庫,當我嘗試在構建旋鈕對象後動畫它們時,沒有任何反應。如果我在動畫和旋鈕構造函數上同時調用$('#dial'),它就會進行動畫處理,但不會將該值設爲最小值,也不會將其設爲百分比,直到在完成動畫後單擊它爲止。jquery旋鈕沒有動畫與%

這裏是我有

HTML

<input type="text" value="0" class="dial"/> 

的Javascript

 var dial = $('.dial').knob({ 
      value: 0, 
      width: 120, 
      height: 120, 
      min: 0, 
      max: 100, 
      stopper: true, 
      readOnly: true,//if true This will Set the Knob readonly cannot click 
      draw: function() { 
       $(this.i).val(this.cv + '%'); //Puts a percent after values 
      }, 
      'format': function(v) {return v + '%'}, 
      thickness: 0.1, 
      tickColorizeValues: true, 
      skin: 'tron' 

     }); 

     dial.animate({//animate to data targetValue 
       value: 89 
      }, { 
       duration: 5000, 
       easing: 'swing', 
       step: function() { 
        var percent = Math.ceil(this.value) + '%'; 
        $(this).val(Math.ceil(this.value) + '%').trigger('change'); 
        // $(this).val($(this).val() + '%'); 
       } 
      }); 

回答

0

我用GSAP動畫庫,因爲似乎與步衝突,從jQuery進度回調動畫。