圖像消失

Question

好了，奇怪的問題：

1）轉到這裏的iPhone（Safari瀏覽器）：http://powellcreative.com/our-team/

2）點擊任何球隊的圖像去的隊員頁面

3）點擊圖片是球隊頁面上消失的瀏覽器

4）後退按鈕現在

Answer 1

我知道這個問題是有點古老，但我正在尋找類似問題的解決方案，並在搜索後找到解決方案。希望這可以幫助有同樣問題的其他人。問題是，當你給iOS一個像onmouseover或者onmouseout這樣的javascript事件時，它不喜歡它，主要是因爲當你的手指在iOS中「移動」一個元素時，你實際上是點擊它的，所以這是我來的解決方案這似乎是在iOS中點擊後退按鈕後重新加載圖像。

這就是：

確保所有圖像都具有獨特的名稱自己獨立的股利。 例子：

<div name="div1"><a href="dosomething"><img src="yourimage" onmouseover="javascript:this.src='yourimage2';" onmouseout="javascript:this.src='yourimage';"></a></div> 

在你的頁面的JavaScript的頭部要插入這樣的：

window.onpageshow = 
function(event){ 
if (event.persisted){ 
//for every div and image you want changed back you can add a loop here to change all at once or just one div by name// 
document.getElementById('div1').innerHTML = '<a href="dosomething"><img src="yourimage" onmouseover="this.src="yourimage2";" onmouseout="this.src="yourimage";"></a>'; 
} 
} 

這將檢查頁面返回由於移動Safari使用bfcache並重新加載圖像到DIV。希望這可以幫助OP或其他人。