鼠标悬停上的无限旋钮

Question

我试图了解如何在没有点击和拖动但是使用鼠标悬停事件的情况下更改旋钮的值。

如果旋钮的手柄跟随鼠标的话就像。

这是我的小提琴。

http://jsfiddle.net/salvonostrato/dJ35f/1/

我该怎么做？

我试过没有结果：

$('input.infinite').mouseover(function () {
        $("input.infinite").knob({
            'change': function (v) {
                if (val > v) {
                    if (up) {
                        decr();
                        up = 0;
                    } else {
                        up = 1;
                        down = 0;
                    }
                } else {
                    if (down) {
                        incr();
                        down = 0;
                    } else {
                        down = 1;
                        up = 0;
                    }
                }
                val = v;

            }
        });
    });

由于

Answer 1

你可以试着在mouseenter上尝试触发mousedown和mouseleave这样的

$(function () {
    var $knob=$(".infinite").knob();
    $knob.mouseenter(function () {
        $knob.children("canvas").trigger("mousedown");
    }).mouseleave(function(){
        $knob.children("canvas").trigger("mouseup");
    });    
});    

http://jsfiddle.net/dJ35f/2/