jQuery盲目效果在IE中無法正常工作

我已經得到了使用jQuery 1.5和jQuery-ui 1.8.9的css/javascript/html這一點。這是一個相當基本的觀點。與下層div中的內容有關的元數據頂部面板。頂部面板使用「盲目」效果打開和關閉。jQuery盲目效果在IE中無法正常工作

這裏是代碼片段：jsfiddle example

一切正常，在Chrome & Firefox瀏覽器。在IE上它不會「盲目」打開......它只是切換到可見狀態。關閉它時，它會關閉窗簾，但整個頁面會閃爍一次。

我不知道爲什麼會發生這種情況。我在我的搜索中找不到對此類行爲的引用。今天我的Google-fu可能很弱。

任何人有任何想法，如何使它在IE中發揮好？不幸的是，我不能要求我們不支持I.E.

來源

2011-11-02 jaydel

工作正常，我。在IE7兼容性方面失敗。 – Blazemonger

我應該說它不適用於IE9。感謝您檢查那些其他的我，我很感激它... – jaydel

動畫在Opera 11和IE9中看起來是一樣的 – OptimusCrime

從CSS中的'.toggle-handle'中刪除position: relative屬性。似乎爲我解決事情。

順便說一句，你可以隱藏在CSS的#hideable-content股利和簡化您的JavaScript代碼如下：在IE8

$(function() { 
    // set effect from select menu value 
    $("#toggle-handle").click(function() { 
     $("#hideable-content").slideToggle(500); 
     return false; 
    }); 
});

http://jsfiddle.net/CTxB7/11/

來源

2011-11-02 14:46:23 Blazemonger

優秀:)我還發現了什麼是總體問題......我忘了實際代碼中的文檔類型......所以IE將它變成了怪癖模式。你帶我走了檢查這個路徑，這個答案也是有幫助的，所以傳入複選標記 – jaydel

，當我想這個向左或向右滑動？ –

jQuery盲目效果在IE中無法正常工作

回答

相關問題