jQuery Knob dial, как изменить его значение при наведении курсора?

Я использую этот плагин Knob Jquery. Я хочу изменить значение набора при наведении курсора. Является ли это возможным? Я изучил документацию плагина, но не нашел ничего полезного для решения моей проблемы.

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

jsFiddle

3 ответа

Решение

Измените строку 341 кода плагина, чтобы он также захватывал "mousemove", как показано во второй строке здесь:

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

Однако я чувствую, что это делает плагин очень неудобным для пользователя.

Кстати, это было бы намного проще, если бы плагин был на самом деле виджетом jQuery UI, потому что они поддерживают методы для изменения состояния на лету. Или он мог бы предоставить свой собственный метод изменения состояния, но это не так.

Используйте как ниже

$('.knob').hover(function(){place your code here});
//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"

                    }
                );
            }
        });
Другие вопросы по тегам