Воспроизведение анимации Sprittle только при наведении курсора

Question

В настоящее время я создаю анимацию в jQuery с использованием Sprittle.

Как бы я мог воспроизвести анимацию один раз при наведении мыши, а затем остановить анимацию при мыши ...

Любая помощь была бы большой спасибо, вот текущий код:

(function($) {
            $('#booth').bind("mouseenter", function() {
                $('#phone').sprite({fps: 24, no_of_frames: 36})
                $(this).unbind();
            });

            $('#booth').bind("mouseout", function() {
                $(this).stop();
                $(this).unbind();
            });
        })(jQuery);

Answer 1

Из документации Sprittle, похоже, что .spStop() - это метод, который вам нужен:

        $('#booth').bind("mouseout", function() {
            $(this).spStop();
            $(this).unbind();
        });

Answer 2

Я думаю, что вы ищете .destroy()

Создание вашего кода:

$('#booth').bind("mouseout", function() {
     $(this).destroy();
      $(this).unbind();
});`

Я использовал его, и метод уничтожения останавливает анимацию.