jquery - jQuery旋钮拨号，如何在悬停时更改其值？

Question

我使用这个插件Knob Jquery。我想在悬停时更改表盘的值。是否可以？我查看了插件的文档，但没有找到任何有用的东西来解决我的问题。

<input disabled class="knob" data-width="120" data-displayPrevious=true data-thickness=".3" value="65">

jsFiddle

Answer 1

根据此处的第二行，更改插件代码的第 341 行以捕获“mousemove”：

                c.bind(
                                "mousedown touchstart mousemove"
                                ,function (e) {
                                    e.preventDefault();
                                    k.startDrag(e);
                                }
                      )

但是我觉得这使得插件对用户非常不友好。

顺便说一句，如果插件实际上是一个 jQuery UI 小部件，这会容易得多，因为它们支持动态更改状态的方法。或者它可以提供自己的改变状态的方法，但它似乎没有。

Answer 2

像下面这样使用

$('.knob').hover(function(){place your code here});

Answer 3

//this is for change color, I think is same for change of value    
jQuery('.knob').on(
        {

            mouseenter: function()
            {
                $(this)
                    .trigger(
                    'configure',
                    {

                        "fgColor":"#87CEEB"

                    }
                );
            },
            mouseleave: function()
            {
                var bg_color = jQuery(this).attr('data-fgcolor');
                $(this)
                    .trigger(
                    'configure',
                    {

                        "fgColor":"#87CEEB"

                    }
                );
            }
        });