4
好了,奇怪的问题:图像消失
1)转到这里的iPhone(Safari浏览器):http://powellcreative.com/our-team/
2)点击任何球队的图像去的队员页面
3)点击图片是球队页面上消失的浏览器
4)后退按钮现在
好了,奇怪的问题:图像消失
1)转到这里的iPhone(Safari浏览器):http://powellcreative.com/our-team/
2)点击任何球队的图像去的队员页面
3)点击图片是球队页面上消失的浏览器
4)后退按钮现在
我知道这个问题是有点古老,但我正在寻找类似问题的解决方案,并在搜索后找到解决方案。希望这可以帮助有同样问题的其他人。问题是,当你给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或其他人。
我们也有这个问题,以及我们的表单提交按钮。任何进展? –