2012-07-17 68 views
0

我有一個jQuery的功能,動畫div覆蓋。完成動畫後,我想要一個.load函數發生。我試圖使用完整的功能來做到這一點,但似乎無法讓它工作。任何幫助,我可以得到它會很好,謝謝。jquery動畫不工作後使用完成

$(function() { 
    $("#fullscreen_launch").click(function(){ 
     $("#fullscreen").animate({ 
      top: '0px', 
      height:'100%', 
     }, 950), 
     complete: function() { 
      $('#fullscreen').load('http://www.klossal.com/portfolio/space_fullscreen.html'); 
    }); 
}); 
+0

請修復您的壓痕 - 這是很難讀你這樣的代碼 – scytale 2012-07-17 14:14:34

回答

2

.animate()有兩種不同的語法選項,您不能混合使用。

.animate(properties [, duration] [, easing] [, complete]) 

.animate(properties, options) 

在第一種情況下,它看起來像這樣

$("#fullscreen").animate({ 
    top: '0px', 
    height:'100%', 
}, 950, function() { 
    $('#fullscreen') 
     .load('http://www.klossal.com/portfolio/space_fullscreen.html'); 
}); 
+0

所以用這個,現在的動畫不會再發生。 (功能(){(「#fullscreen_launch」)。click(function(){(「#fullscreen」)。animate(頂部:'0px' , height:'100%', },950,function(){(##fullscreen') .load('http://www.klossal.com/portfolio/space_fullscreen.html'); }); – loriensleafs 2012-07-17 14:17:48

+0

好吧所以這個工作,但我現在遇到的問題是它通過加載的頁面.load是一個滑塊(你可以看到它,如果你去的url)是當它加載滑塊它不會在第一次加載圖像,但第二次單擊按鈕時會加載圖像,爲什麼會出現這種情況? – loriensleafs 2012-07-17 14:20:43

+0

,請仔細查看你的括號和括號。有缺少右括號和一個不屬於那裏的分號 – devnull69 2012-07-17 14:21:05