2013-10-28 3 views
2

i creat анимационный код для рыбы плавать взад и вперед, и он только плавает 1 раз и застрял вы можете помочь мольбы?анимация не работает, петля застревает

здесь ссылка скрипки: http://jsfiddle.net/qLCnT/3/

function anim() { 
    $('#fish_1').animate({ 
    "left": "-90px"}, 2000, flip); 
} 

function back() { 
    $('#fish_1').animate({ 
    "left": "230px"}, 2000, flipBack); 
} 

anim(); 

function flip() { 
    $('#fish_1').transition({ 
     perspective: '100px', 
     rotateY: '180deg', 
     complete: back 
    }); 
} 

function flipBack() { 
    $('#fish_1').transition({ 
     perspective: '100px', 
     rotateY: '0deg', 
     complete: anim 
    }); 
} 
+1

Вы видели консоль? 'TypeError: $ (...). Переход не является функцией'. –

+1

@MarikkaniChelladurai благодарит! – alonblack

ответ

6

Вы просто забыли включить transit библиотеки в вашей скрипке, вызывая метод .transition() неопределенен:

Примера с ним в комплекте: http://jsfiddle.net/qLCnT/6/

+0

спасибо большое !!!!!!!! откуда я должен донести эту библиотеку в реальных файлах проекта? – alonblack

+0

Вы можете загрузить его с официального сайта: http://ricostacruz.com/jquery.transit/jquery.transit.min.js или вы можете использовать CDN, размещенный на [jsDelivr] (http: //www.jsdelivr. ком/#! jquery.transit) – 412

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