2010-10-30 60 views
0

了slideDown之前的代碼jQuery的阿賈克斯動畫鏈

$.ajax({ 
    url: "get_portfolio_experience.php", 
    success: function(html) { 
     $("#inbox_content").html(html).hide().slideDown('slow'); 
    } 
}); 

如果我不把隱藏內容不動畫()()。如果我把一個hide()它不顯示在IE中。我該怎麼辦?

回答

1

首先,讓我們縮短這個下來.load()這樣的:

$("#inbox_content").load("get_portfolio_experience.php", function(html) { 
    $(this).hide().slideDown('slow'); 
}); 

現在的問題,你的IE行爲怪異的解釋幾乎可以肯定是由無效引起的標記。檢查回覆的回覆,是否有任何未封閉或無效的標籤?請使用W3C驗證程序在此處進行檢查:http://validator.w3.org/

+0

\t \t \t \t \t \t \t \t \t \t \t
它看起來很有效。 \t \t \t
\t \t \t \t \t \t \t \t \t \t
\t \t \t
\t \t \t \t \t \t \t \t Update \t \t \t
Sussagittikasusa 2010-10-30 10:36:45

+0

@Sussagittikasusa - 這是* *全部標記下來......和頁面本身是有效的開始?這一點也很重要,因爲即使將有效的HTML插入無效也是不可預測的。 – 2010-10-30 10:41:09

+0

主頁面有一些有效性問題...是的。那麼你認爲這是問題嗎? – Sussagittikasusa 2010-10-30 10:46:37

0

您應該添加一個CSS樣式display:none;對於#inbox_content並使用此代碼:

$.ajax({ 
    url: "get_portfolio_experience.php", 
    success: function(html) { 
     $("#inbox_content").html(html).slideToggle('slow'); 
    } 
}); 
+0

適用於Mozilla,不適用於IE。 – Sussagittikasusa 2010-10-30 09:51:10

+0

再次檢查,編輯 – infinity 2010-10-30 09:52:51

+0

它不能在IE和Mozilla中工作,它會錯位整個div,天知道爲什麼會發生這種情況。 – Sussagittikasusa 2010-10-30 10:03:34