Пункт меню jquery select не работает на мобильном устройстве

Когда выбран пункт меню из выпадающего меню, соответствующее изображение загружается в div. Работает на рабочем столе, но при выборе на мобильном телефоне Android этого нет. На самом деле это работает во второй попытке. Есть ли селектор, который будет работать для обеих ОС?

JQuery, который я использую для определения выбора меню:

$("#template_select").mouseup(function(){
//change the image
});

Еще раз спасибо за ваше время, я очень ценю это, Тодд

0
nl ja de
попробуйте .click() ?
добавлено автор l2aelba, источник

2 ответы

mouseup похож на наведение.

Проблема заключается в том, что мобильные смартфоны не имеют события hover .

Самый быстрый способ изменить это - использовать click , когда на мобильном устройстве, например:

if( isMobile == true ) {
  $("#template_select").click(function(){
    //change the image
  });
} else {
  $("#template_select").mouseup(function(){
    //change the image
  });
}

<Сильный> ИЗМЕНИТЬ

самый простой способ проверить, является ли ваш браузер мобильным, - это JavaScript ( ссылка на вопрос и ответ ):

var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent);
2
добавлено
Что нового в мобильном телефоне ... какой способ установить isMobile?
добавлено автор maddogandnoriko, источник
Спасибо за помощь. Ответ оказался равным $ ("# template_select"). Change (function() {... click обнаружил первый клик, а затем модальный набор параметров, изменение не было обнаружено до тех пор, пока не произойдет другой щелчок.
добавлено автор maddogandnoriko, источник
проверить мое редактирование ...
добавлено автор Nicos Karalis, источник
Фактически мы обнаруживаем на мобильном телефоне, используя пользовательский агент. Даже библиотеки, такие как jQuery Mobile , используют агент пользователя для обнаружения мобильного устройства. Вы не можете гарантировать мобильное устройство с размером экрана. И если вы знаете какой-либо другой способ обнаружить мобильный, пожалуйста, дайте мне знать
добавлено автор Nicos Karalis, источник
полагаясь на пользовательский агент, это слабое обнаружение, было бы лучше просто «не» обнаружить браузер, а просто сделать специальный сайт для мобильных
добавлено автор FibreFoX, источник

Вы находитесь на смартфоне и нет «клика» или «мыши», попробуйте мобильную библиотеку, такую ​​как jquery-mobile ( http://jquerymobile.com/ ) или это я нашел ( http://touchpunch.furf.com/)

1
добавлено
могу ли я динамически загружать jQuery mobile, если это мобильное устройство?
добавлено автор maddogandnoriko, источник
вы можете попытаться получить его на сервере через агента, но если вам просто нужны «события», просто попробуйте его с помощью touchpunch, просто измените «слушатель» с «.mouseup» на соответствующий (например, touchhend) подробнее о html5rocks
добавлено автор FibreFoX, источник
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda