当我单击手机屏幕上的返回按钮时，图像消失

Question

我遇到了在网站上实施的悬停效果问题。该效果在桌面上运行良好。在移动设备上，图像全部正常显示，当我点击它们时，它们会将我带到正确的链接。但是当我按下浏览器时，我所看到的就是图像替代文字。有人可以建议吗？这是我现在的代码。对于类似的问题，我似乎无法在这里找到任何解决方案。谢谢

$(document).ready(function() { 
$('.img1') 
    .mouseover(function() { 
    $(this).attr("src", "https://cdn.shopify.com/s/files/1/1297/5789/t/3/assets/Easy_Motion_-_Electric_Bicycles_Two.jpg?6314974642385151026"); 
}) 
    .mouseout(function() { 
    $(this).attr("src", "https://cdn.shopify.com/s/files/1/1297/5789/t/3/assets/Easy_Motion_-Electric_Bikes.jpg?10135819641956685452"); 
}); 

<div class='desktop-4 tablet-full mobile-full'><a href='/home'><img src="https://cdn.shopify.com/s/files/1/1297/5789/t/3/assets/Easy_Motion_-Electric_Bikes.jpg?10135819641956685452" alt="electric bikes by easy motion" class="img1"/></a></div> 

Answer 1

简单地禁用移动（ECC的mouseenter ..不工作）

$(document).ready(function() { 
    if(!isMobile) { 
     // your code... 
    } 
}); 

检查这个问题：用于检测移动设备What is the best way to detect a mobile device in jQuery?或使用Modernizr的检测是否触摸启用