Javascript onmouseover不适用于iPad景观、Safari或Chrome

我目前有一系列图像，当onmouseover在桌面上被激活时，它将在其位置显示另一个图像。除了iPad Safari/Chrome上的横向浏览器外，这对所有桌面、移动和平板电脑浏览器都适用

我主要感到困惑的是，它在纵向上工作得很好，但一旦你把iPad换成横向，点击图像就没有效果了。我们还有一个脚本，可以刷新关于方向更改的页面，但我认为这不会引起任何问题。如果我错了，请纠正我

以下是我们代码的摘录：

<img src="/getmedia/b69c7c54-e84e-486d-b9fb-b89644b0c7fe/Claire-1.jpg?width=224&amp;height=224&amp;ext=.jpg" alt="Claire" title="Claire" class="team-member-static4" onmouseover="jQuery(this).attr('src','/getmedia/6abe9a6f-0144-470e-8dc5-3124c1446642/Claire-2.jpg?width=224&amp;height=224&amp;ext=.jpg').stop.toggle();" onmouseout="jQuery(this).attr('src','/getmedia/b69c7c54-e84e-486d-b9fb-b89644b0c7fe/Claire-1.jpg?width=224&amp;height=224&amp;ext=.jpg');">

---

非常感谢。

可能是这样的：

var claire = {}
$(function() {
  claire.$img = $("img[alt='Claire']");
  claire.on=claire.$img.data("on")+'?width=224&height=224&ext=.jpg';
  claire.off=claire.$img.attr("src");
  claire.$img.on('mouseover touchstart',function(){ 
    $(this).prop("src",claire.on) // .stop.toggle(); // why toggle?
  })
  .on('mouseout touchend',function(){ 
     $(this).prop("src",claire.off);
  });

使用

<img src="/getmedia/b69c7c54-e84e-486d-b9fb-b89644b0c7fe/Claire-1.jpg?width=224&amp;height=224&amp;ext=.jpg" 
alt="Claire" title="Claire" class="team-member-static4" 
data-on="/getmedia/b69c7c54-e84e-486d-b9fb-b89644b0c7fe/Claire-1.jpg" />

您确定图像没有被其他元素覆盖吗？z指数问题？另外，如果你能帮上忙，这不应该与元素内联使用。-例如-PS，不使用内联代码怎么样。不可能阅读-并将URL缩短到我真的不认为不可能阅读mplungjan，但感谢您宝贵的输入。我没有亲自编写那行代码，一位开发人员编写了，但我现在的任务是找到一个解决方案。从我所看到的evu来看，没有z指数问题。