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"

                    }
                );
            }
        });

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

3 个答案: