2012-12-03 69 views
5

我正在處理呈現照片牆的網頁,並且向下滾動時,它使用jQuery無限滾動來加載下一批照片。IE中使用jQuery Masonry時隨機丟失的圖像

我正在使用jQuery Masonry以及jQuery InfiniteScroll

所有在Chrome和Firefox下工作正常,但在IE瀏覽器下查看時,我注意到圖片會隨機顯示,但如果我刷新頁面,它們會出現,但其他人會丟失。同樣,如果我在丟失的圖像上單擊鼠標右鍵並選擇「顯示圖片」,它會立即出現。

因此,我測試了jQuery Masonry website上的幾個演示,並發現再次,雖然在IE下,偶爾,隨機圖像不會呈現。這種情況發生在Infinite Scroll demo上,有時甚至是Images demo(不使用無限滾動)。

有沒有其他人遇到過這種情況,或者知道解決方案?就目前情況而言,我不能繼續使用我目前的項目,因爲它在IE下基本上不可用。

順便說一句 - 我正在使用IE9。

+0

OMG ......我對你的感覺。 –

+0

當圖像加載失敗時,您的控制檯和網絡選項卡會顯示什麼內容? – Sampson

+0

對於那些無法加載的圖像,沒有圖像類型,網絡選項卡顯示「中止」作爲結果,而成功加載的圖像類型爲圖像/ jpeg,響應時間爲304。 – marcusstarnes

回答

0

從做一些進一步的調查(試驗&錯誤),我確定問題似乎只在使用砌體時纔會發生。

所以現在我已經切換到jQuery Wookmark,它爲我打勾了所有的框,並且這展示了沒有相同的問題。

0

圖像未加載是砌體使用的imagesLoaded腳本的版本2中的已知問題。如果您更新代碼以使用imagesLoaded的最新版本3腳本,那麼這將修復IE圖像加載問題。

注意,你需要明確直接,因爲imagesloaded早期版本中的磚石js文件後,裝載imagesloaded.js文件被列入砌體,但現在已經在版本3

分離通過包括最新imagesloaded .js文件中,您可以保留現有的砌體版本,因爲砌體版本3的某些選項和事件已更改,您可能會發現它不再按預期工作。

下載最新版本在這裏:http://desandro.github.io/imagesloaded/