2010-02-13 72 views
0

我使用Internet Explorer和最新版本的jquery。像幻燈片,淡入淡出,淡出不工作,但與谷歌瀏覽器工作良好。如何解決它?Internet Explorer不尊重jQuery的slideDown效果

代碼在谷歌瀏覽器運行良好:

jQuery.noConflict(); 
jQuery(document).ready(function(){ 
jQuery("#form1").hide(); 
jQuery("#form1").fadeIn(6000, function() { 
    // Animation complete.form1:mainHome:panelGroup2 
}); 
}); 
+1

您應該顯示您的代碼 – Sarfraz 2010-02-13 07:18:04

+0

嘗試Ny效果它doesnt工作! – Deve 2010-02-13 07:24:26

回答

0

我會打開小提琴手或螢火,並確保你的腳本資產裝入。我可以說,我知道這些與IE兼容,因爲我每天都會用項目進行測試。

+0

我做了火蟲!在主控臺中沒有問題! – Deve 2010-02-13 07:43:36

+1

太熱情了! – 2010-02-13 07:59:55

+0

訪問受限制的URI被拒絕是螢火蟲sayz! – Deve 2010-02-13 08:02:52

2

這往往是重新使用的ID,這是無效的HTML,例如嘗試你的代碼演示針對這個結果:

<form id="form1">Test Content #1</form> 

這適用於所有的瀏覽器,you can see it here

但是,如果你重複你開始的副作用是每個瀏覽器有所不同的ID,例如:

<form id="form1">Test Content #1</form> 
<form id="form1">Test Content #2</form> 

You can see a demo here,只有第一個與IE變淡,其他瀏覽器將改變一個位(也取決於他們的版本)。由於ID(通過HTML規範)必須是唯一的,所以瀏覽器人員可以自由地在代碼中進行這種假設......這通常意味着在哈希表中綁定一個條目並將ID綁定到元素(這也是爲什麼ID查找速度非常快)。一旦違反了這條規則,有時會出現可預測的,有時甚至是非常奇怪的副作用。一般來說,如果您認爲應該工作時遇到任何跨瀏覽器問題,請確保您的HTML有效。您可以使用W3C驗證器在此處檢查您的標記:http://validator.w3.org/