2014-10-20 2 views
0

Я пытаюсь реализовать индикатор выполнения (aterrien's jQuery Knob), который может прервать его прогрессирование при мыши. Я могу начать прогрессию при наведении курсора мыши, но я не могу прерывать прогрессию, пока она не будет завершена. Я хотел бы вернуть анимацию обратно в начальную точку мыши, и возобновить прогрессию с нуля снова при наведении курсора мыши.jQuery Ручка как индикатор выполнения на входе/выходе

Любые идеи? Спасибо заранее, Daniel

(см мой пример в комментарии)

+0

http://jsfiddle.net/5xah6383/ –

+1

Вы имеете в виду что-то вроде этого? http://jsfiddle.net/nkv9fuLv/ Я просто не хочу публиковать это как ответ, потому что это только скорректированный пример из аналогичного вопроса, найденного здесь: http://stackoverflow.com/questions/19547215/jquery-knob -hover-animation –

+0

благодарит за помощь! –

ответ

1

Вы можете позвонить $('.knob').stop() и остановит все текущие анимации на нем. Он работает лучше всего, когда вы используете .stop() в обоих состояниях over/out, иначе он немного пошатнулся после того, как вы наведете мышь/выскочите несколько раз. Я обновил вашу скрипку здесь: http://jsfiddle.net/5xah6383/4/

+0

спасибо! действительно ценю это. –

Смежные вопросы