уберите href из верхней части меню на WordPress

Question

Я хочу удалить ссылку href автоматически из функции wp_list_pages() в меню WordPress, но я не хочу удалять ссылку href из подменю, только из верхнего меню

например:

<li><a href="www.games.co.il">Games-not remove thr href</a> 
  <ul>
    <li><a href="www.x4.co.il">Menu0-remove the auto href</li>
    <ul>
      <li><a href="www.x1.co.il">sub-menu 1-do not remove the auto href</a></li> 
        <ul>
          <li><a href="www.ddd.co.il">**not** remove the href</li> 
        </ul>
      <li><a href="www.x1.co.il">sub-menu 2 not-remove the auto href</li>
    </ul>
  </ul>    
</li>

Answer 1

Назначьте ссылки в LI, которые являются прямыми дочерними элементами основного списка.

$("ul#menu > li a").removeAttr("href");

http://api.jquery.com/child-selector/

Или оставьте URL-адрес на месте и верните false на них ..

$("ul#menu > li a").click(function(){ return false; });

URL-адрес по-прежнему будет отображаться в браузере, но нажатие на ссылку ничего не даст (если JS включен).

Answer 2

Как сказал Дэвид Дорвард: «Хватит этого хотеть!».

То, что вы МОЖЕТЕ сделать, - это перенаправление на ваших главных страницах первого подпункта (обычно обзор и т. Д.). Это лучше всего использовать для совместимости, если у кого-то JS отключен, а выпадающее / всплывающее меню по-прежнему работает.

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

Answer 3

Использование jQuery: примерно так:

$("ul#menu li:first a").removeAttr("href");