Как сделать убрать ссылку на страницу у элемента меню с вложенными пунктами?

Question

[Ambal89]

Добрый день, подскажите пожалуйста, есть меню на вордпресс сайте, у одного пункта есть вложенные. но при нажатии на этот главный пункт, он переходит на страницу этого пункта. Как сделать так, чтобы нажатие на этот пункт в мобильной версии меню просто открывало-закрывало список вложенных пунктов, а не переходило на его страницу?

Answer 1

[Владислав Бойченко]

Отменяете стандартное действие тем элементам, у которых есть дочерний список, и все это при условии, что человек зашел с мобильного устройства. Потом на этот же клик вешаете показывание выпадающуго меню.

$(document).ready(function(){
	if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
		$('#menu > ul > li > a').click(function(e){
			if($(this).closest('li').children('ul').length){
				e.preventDefault();
			}
		$(this).next()slideToggle();
		});		
	}
});

Comments

[Ambal89]

Спасибо, а если вообще не нужно, чтобы переходило на эту страницу?

[Владислав Бойченко]

Убираете проверку на мобильные устройства. То есть сохраняете только тот внутренний скрипт, который начинается с $('#menu > ul ...') и заканчивается ... .next().slideToggle(); });

[Ambal89]

Убрал проверку, подставил вроде нужные классы, но все равно не работает. Если не сложно, можете подсказать, сайт i9ndex.myjino.ru

код:

[Ambal89]

$(document).ready(function(){
    $('.acmethemes-nav > ul > li > a').click(function(e){
      if($(this).closest('li').children('ul').length){
        e.preventDefault();
      }
    $(this).next()slideToggle();
    });		
});

[Владислав Бойченко]

Ambal89: должно работать, если все правильно делаете. Вы вставляете это после подключения jQuery?

[Ambal89]

Да, в футере. jquery v2.2.4

[Павел]

Ambal89: если не нужно, чтобы вообще не переходил, зайдите в меню и уберите ссылку из элемента