2011-06-13 57 views
1

我正在構建一個基於WordPress的網站,它有幾個非常基本的jQuery動畫效果。JQuery代碼刪除Internet Explorer 7中的WordPress網站

當我在瀏覽器中關閉JavaScript時,該網站顯示得很好。開啓JavaScript後,只有一個空白頁面。

我經歷了我的自定義js文件,刪除了代碼片段並每次檢查該網站以找出問題。我發現,這兩個看似無辜的行導致該網站的消失:

$('#wrapper, #topmask').animate({top: "15%"}, 1300); 
$('#bottommask').animate({bottom: "15%"}, 1300); 

有了這兩條線切出,則顯示該網站。當他們被放回原處時,站點消失(但只在IE7中)。

也許我還應該補充一點(據我所知),自定義js文件通過WordPress的wp_enque方法正確註冊,並且Firebug顯示沒有錯誤。另外,當我只在頁面的頭部包含相同的代碼時,而不是將其註冊爲自定義外部腳本,它具有相同的效果:只在IE7中清除頁面。

有沒有人遇到過這樣的問題?什麼纔是有效的解決方案?我會很感激的幫助!


我希望找到遇到過類似問題的人,可惜現在似乎沒有人知道解決方案。我最終只使用JavaScript來禁用IE7中的JavaScript。 How to switch off JavaScript programmatically only for Internet Explorer 7? - 得益於幾個人有很大的幫助,特別是從https://stackoverflow.com/users/34397/slaks

+0

我確實在IE7(不是在IE8中)第19行中出現錯誤,無效的參數(是的,這些來自IE的有用的錯誤消息!)。無論如何,你是否嘗試過傳遞像素而不是百分比? – AJJ 2011-06-13 16:57:05

+0

我做到了。沒有改變。無處不在顯示,包括IE8,但不是在IE7。 – 2011-06-13 17:08:59

回答

0

使用Firebug與Firefox或Chrome或薩法爾或IE8,使用的開發工具,看看有什麼裝上你的網站,並在行動中看到了CSS。

您可能需要使用條件註釋來提供IE7自己的樣式表 http://codex.wordpress.org/Conditional_Comment_CSS以可能顯示稍微不同的佈局。您可能還需要決定是否要支持IE7。

+0

謝謝SognDogTech,但:a)我的jQuery腳本通過wp_enque方法正確註冊,並且b)FireBug顯示沒有錯誤。希望您能有更多的建議! – 2011-06-13 16:29:08

+0

小心相同的樣板複製和粘貼答案,這些往往會被社區標記,因此我的評論。嘗試並量身定製問題的答案。謝謝。 – Kev 2011-06-13 23:38:32

+0

@Kev,好點;編輯。我習慣於(像其他人一樣)在wordpress.org上使用樣板來處理所有重複問題。 – markratledge 2011-06-14 16:00:41