2013-10-28 59 views
2

我創建動畫代碼讓魚來回遊動,他只遊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:$(...)。transition不是函數'。 –

+1

@MarikkaniChelladurai謝謝! – alonblack

回答

6

你剛纔忘了,包括你的提琴的transit庫,導致未定義的.transition()方法:

例子包括: http://jsfiddle.net/qLCnT/6/

+0

非常感謝!!!!!!!!我應該從哪裏將這個圖書館帶入真實的項目文件? – alonblack

+0

您可以從官方網站下載:http://ricostacruz.com/jquery.transit/jquery.transit.min.js,或者您可以使用[jsDelivr]上託管的CDN(http://www.jsdelivr。 COM /#!jquery.transit) – 412