У меня проблема с эффектом зависания, реализованным на веб-сайте. Эффект отлично работает на рабочем столе. На мобильных устройствах все изображения выглядят нормально, и когда я нажимаю на них, они берут меня к правильной ссылке. Но когда я нажимаю на браузер, все, что я вижу, это текст изображения. Может ли кто-нибудь посоветовать? Вот код, который у меня есть. Кажется, я не могу найти решения для подобной проблемы. Спасибоизображения исчезают, когда я нажимаю кнопку «Назад» на мобильных экранах
$(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>
Спасибо за ваш ответ - Я не знаю, когда дело доходит до jQuery, какой код мне потребуется в этой функции? – user3578655