2013-01-13 49 views
2

有點新鮮。網站動畫只能在Firefox中正常工作

使用jQuery在一個有很多動畫的網站上工作。 This is the site

如果您需要一分鐘的時間在Firefox中查看,您會看到的正是我的意圖,但是如果您在Chrome或Safari中查看它,它將無法正常工作(但會顯示相同的奇怪「錯誤「兩者 - 省略動畫&定時關閉)。

陌生人仍然,在IE(9)中的一些單詞顯示比預期高出約20px,但動畫沒有。

此外,Chrome,Safari和IE在屏幕左側顯示圖像缺失,但沒有任何應該在那裏。

注意:HTML看起來多餘的,因爲以「L」結尾的所有ID和類是針對大屏幕媒體查詢 - 在動畫會覆蓋更大的顯示器 - 我沒有在這個例子中包括)

PS:我已經讀過,JS中的onload函數可能很古怪,但我嘗試了很多方法來打開代碼,並且它們都顯示相同的怪癖。

+0

我在Chrome上看到了動畫。至於破碎的圖像,它是#dummyEvent,指向img/dummy.jpg。你是否打算刪除它? – DRobinson

+1

爲了一個良好的開始嘗試使您的網站http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fpantsateria.com%2Flinda%2FalphabetExperiment.html Html有效。網站上存在很多HTML錯誤。希望它有幫助;) –

+0

感謝您的建議。修復了所有html錯誤(但是一個)和Dummy事件,但它在Chrome和Safari中仍然具有相同的確切問題。 (「虛擬事件」丟失圖像 - 忘記上傳 - 這是一個想法,延遲在Chrome和Safari的動畫,直到圖像完全加載(不起作用)。 – user1711712

回答

0

找出問題。它在js中使用%s(chrome和safari不喜歡它們)

謝謝