2011-10-13 29 views
0

我試圖在.load和.slideDown的div內加載外部html文檔,但是第一次點擊拇指不是第一次運行動畫它工作正常。.load和.slideDown第一次運行時不起作用

如果我在.load和.slideDown之間放置了一個警報,它在我關閉警報之前第一次顯示內容,之後它會等待,直到我解除警報。

$('.thumbs2').click(function() { 

var idStr = ("project/"+$(this).attr('id')) + " #box_project2"; 
    $('#close2').fadeIn(500).css({'display': 'block', 'height': '25px'}); 


    $('#box_project2').load(idStr,function(){ 
       $(this).slideDown('slow', function() { 
       }); 
     $.scrollTo('#gohere',300); 


    }); 

}); 
+0

如果您從'idStr'中刪除'+「#box_project2」',你有同樣的問題嗎? – Blazemonger

+0

是沒有區別。 –

回答

0

我假設不工作的動畫是「.slideDown」看起來很好,因爲你在回調中調用它。我會試着去看看fadeIn是不是通過將它設置爲不顯示淡出來顯示塊來進行設置,因此它是即時的。也只是爲了確保,在執行之前#box_project2是否已經存在? (對不起,我會評論,但我沒有足夠的聲望)

+0

是的,可能是淡入淡出的東西,但我覺得奇怪的是,如果我添加一個,則在解除警報之前內容會顯示出來。是#box_project2是內容應該展開的div,並且還將所有內容包裝在單獨的文件中。 –

+0

嗯,我同意聽起來很奇怪,警報不會阻止內容動畫。你有沒有嘗試在fadeIn中放置一個回調來運行.load? –

+0

不,我懷疑它會修復它,只是忽略整個#close行,因爲它的另一個元素,我在測試時將其刪除。 –

相關問題