이미지가 사라

Question

좋아, 이상한 문제 :

1) 아이폰 (사파리 브라우저에서 여기로 이동) : http://powellcreative.com/our-team/

2) 팀의 이미지 중 하나가 팀 구성원에 도착 클릭 페이지

3

가) 이미지가 팀 페이지에 실종 된 브라우저

4)의 뒤로 가기 (back) 버튼을 클릭하여 지금

Answer 1

나는이 질문은 알고있다 옛날 일종의,하지만 비슷한 문제에 대한 해결책을 찾고 있었고 검색 후, 나는 해결책을 찾았습니다. 다행히도 이것은 동일한 문제를 가진 다른 사람들을 돕습니다. 문제는 iOS에 onmouseover 또는 onmouseout과 같은 자바 스크립트 이벤트를 주면 좋지 않습니다. 주로 손가락이 iOS의 요소 위에 마우스를 올렸을 때 실제로 클릭하고 있기 때문에 이것이 내가 찾은 해결책입니다. iOS에서 뒤로 버튼을 누른 후 이미지를 다시로드하는 것 같습니다.

는 여기있다 :

모든 이미지가 독특한 이름을 가진 자신의 별도의 사업부에 있는지 확인합니다. 예 : 페이지의 자바 스크립트 머리 부분에서

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

당신은이를 삽입 할 :

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>'; 
} 
} 

이 모바일 사파리가 bfcache을 사용하기 때문에 다시 페이지를 확인하고 사업부로 이미지를 다시로드합니다. 바라기를 이것은 OP 또는 다른 누군가를 돕는다.