Показать сообщение отдельно
  #5 (permalink)  
Старый 09.09.2016, 10:34
Аспирант
Отправить личное сообщение для Булат Азат улы Посмотреть профиль Найти все сообщения от Булат Азат улы
 
Регистрация: 07.09.2016
Сообщений: 83

Сообщение от рони Посмотреть сообщение
https://developer.mozilla.org/ru/doc...dow/matchMedia
Спасибо, как понял, вроде то, что надо. Но сам искал - почему-то не нашел.
Но все же, почему-то после того, как вставил этот код, яваскрипт перестает работать на странице вообще:
if (window.matchMedia("screen and (max-device-width: 480px)").matches) {
		$("#nav ul li").click(function(){ // Навигацияны күрсәтү һәм яшерү - телефоннар өчен
		$(this).find('ul:first').slideToggle(500);
		});
	};
	else {
		$("div#nav ul li").mouseover(function() { // Төп навигация
				$(this).find('ul:first').show();
		});
		$("div#nav ul li").mouseleave(function() {
			$("div#nav ul li ul").hide();
		});
	};

Если все это закомментировать, оставить только это
$("div#nav ul li").mouseover(function() { // Төп навигация
		$(this).find('ul:first').show();
	});
	$("div#nav ul li").mouseleave(function() {
		$("div#nav ul li ul").hide();
	});

, то все работает.
Я в яваскрипте не так хорошо разбираюсь, кто знает причину, подскажите, пожалуйста?

"#nav ul li" - это список навигации. Для десктопов он расподожен горизонтально, и при наведении мышкой раскрывается "список в списке" - "#nav ul li ul". Для телефонов я их сделал как обычно - вертикальными, и пытаюсь сделать, чтобы они раскрывались при щелчке (нажатии пальцем) на них.
Ответить с цитированием