我想動畫我的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() + '%');
}
});