2015-05-24 1 views
-3

Я создаю сайт, на котором пользователь видит текст при наведении на изображение. Проблема в том, что она не работает на мобильных устройствах (сенсорный экран и т. Д.). Поэтому я кодировал скрипт, который будет определять, будет ли клиент настольным или мобильным, если он мобилен, он мгновенно отобразит текст над изображением. Но это не работает. Может ли кто-нибудь найти мою ошибку? Вот ссылка на тестовую веб-страницу: Link. Код можно найти в голове. (извините, я не знаю, как вставить его)Показать изображения с помощью javascript Help

Спасибо!

+0

попытаться сделать это в медиа-запросе в css, когда экран имеет мобильный телефон, скопируйте палочку конвекции с указателем на изображение, в любом случае его просто идея, как это сделать, а не фактический ответ –

ответ

0

что-то вроде начальной загрузки автоматически превратить ваше перемещения мыши событие в события щелчка на мобильном

Другого варианта было бы использовать @media запросов, чтобы сделать их видимыми на мобильном

use @media(min-width:768px){ 
    .textOnHover{ 
     visibility:visible; 
    } 
} 
0

Вместо обнаружения браузера вы РЕКОМЕНДУЕМАЯ используйте функцию обнаружения признаков для такого рода задач. Взгляните на Modernizr для обнаружения сенсорных функций в браузере клиента. Затем вы можете использовать свой JavaScript API для решения вашей проблемы.

Если вы выберете для имен классов CSS в вашем Модернизатор сборки, это добавит вспомогательные классы для вашего <html> элемента, так что вы будете иметь возможность использовать полностью CSS решение, например, так:

.touch .text { 
    visibility:visible; 
} 
Смежные вопросы