2016-11-29 14 views
0

У меня проблема с эффектом зависания, реализованным на веб-сайте. Эффект отлично работает на рабочем столе. На мобильных устройствах все изображения выглядят нормально, и когда я нажимаю на них, они берут меня к правильной ссылке. Но когда я нажимаю на браузер, все, что я вижу, это текст изображения. Может ли кто-нибудь посоветовать? Вот код, который у меня есть. Кажется, я не могу найти решения для подобной проблемы. Спасибоизображения исчезают, когда я нажимаю кнопку «Назад» на мобильных экранах

$(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> 

ответ

0

Просто отключить его для мобильных устройств (MouseEnter ЕСС .. не работает)

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

Проверить этот вопрос: What is the best way to detect a mobile device in jQuery? для обнаружения мобильных устройств или использовать Modernizr, чтобы обнаружить, если сенсорный включен

+0

Спасибо за ваш ответ - Я не знаю, когда дело доходит до jQuery, какой код мне потребуется в этой функции? – user3578655

Смежные вопросы