Как настроить тач для закрытия блоков?

Question

[diana-staputov]

есть модальные окна, которые закрываются не на крестик, а просто нажатием по области вне данного блока, вот скрипт

jQuery(function($){
	$(document).mouseup(function (e){ 
		var div = $("#contacts,#gorod"); 
		if (!div.is(e.target)
		    && div.has(e.target).length === 0) { 
			div.hide();
		}
	});
});

но эти блоки не закрываются если заходишь с телефона, что-то можно с этим сделать?

Comments

[Kovalsky]

jQuery($ => {
  $( document ).on('click', "#contacts, #gorod", function() {
  	$( this ).hide();
  });
});

Как-то так?

[diana-staputov]

Никита Полевой, не сработало..

[kulaeff]

Очевидно, что на устройствах с сенсорным экраном событие mouseup не работает. Используйте событие touchstart или touchend вдобавок к mouseup.

[Андрей]

diana-staputov, на каком телефоне вы проверяете код, предложенный Никитой Полевым? В android-браузерах должно отработать, в ios - необходимо на кликабельные элементы добавить css свойство cursor: pointer; Тогда заработает. Не спрашивайте меня почему, не знаю :)