jQuery Knob是一個非常實用的jQuery插件，它可以讓開發者創建漂亮、交互式的圓形進度條或滑塊。除此之外，它還支持回調函數，讓開發者可以在相關事件發生時做出相應的響應，例如值被改變或動畫結束等。

$(function() {
$(".knob").knob({
change: function(value) {
console.log("change : " + value);
},
release: function(value) {
console.log(this.$.attr('value'));
console.log("release : " + value);
},
cancel: function() {
console.log("cancel : ", this);
},
draw: function() {
// "tron" case
if(this.$.data('skin') == 'tron') {
this.cursorExt = 0.3;
var a = this.arc(this.cv), //Arc
pa, //Previous arc
r = 1;
this.g.lineWidth = this.lineWidth;
if(this.o.displayPrevious) {
pa = this.arc(this.v);
this.g.beginPath();
this.g.strokeStyle = this.pColor;
this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, pa.s, pa.e, pa.d);
this.g.stroke();
}
this.g.beginPath();
this.g.strokeStyle = r ? this.o.fgColor : this.fgColor ;
this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, a.s, a.e, a.d);
this.g.stroke();
this.g.lineWidth = 2;
this.g.beginPath();
this.g.strokeStyle = this.o.fgColor;
this.g.arc(this.xy, this.xy, this.radius - this.lineWidth + 1 + this.lineWidth * 0.08, 0, 2 * Math.PI, false);
this.g.stroke();
return false;
}
}
});
});

在上述代碼中，我們定義了四個回調函數。change回調函數在值被改變的時候被調用，參數value是當前的值。release回到函數在拖動結束時被調用，參數value也是當前的值。cancel回調函數在取消動作時被調用。draw回調函數則在每次繪制時被調用，可以用來自定義繪制效果。我們可以將這些回調函數與自己的業務邏輯相結合，實現更豐富的交互效果。