Как решить проблему скролла страницы вверх, если в ссылке #?

Question

[ashfedor]

Делаю менюшку для сайта WordPress.
код исходника

<ul class="footer__list">
          <li class="footer__item footer__item-dropdown">
            <span>Reviews</span>
            <ul class="footer__sublist">
              <li class="footer__subitem"><a>Valentime.com</a></li>
              <li class="footer__subitem"><a>Valentime.com</a></li>
              <li class="footer__subitem"><a>Valentime.com</a></li>
              <li class="footer__subitem"><a>Valentime.com</a></li>
            </ul>
          </li>
          <li class="footer__item footer__item-dropdown">
            <span>Reviews</span>
            <ul class="footer__sublist">
              <li class="footer__subitem"><a>Valentime.com</a></li>
              <li class="footer__subitem"><a>Valentime.com</a></li>
              <li class="footer__subitem"><a>Valentime.com</a></li>
              <li class="footer__subitem"><a>Valentime.com</a></li>
            </ul>
          </li>
        </ul>

как видите там в родительском элементе стоит span
Reviews
Понятно что в WordPress теге a
Создаю родительский элемент, прописываю ему ссылку # т.к. меню раскрывается по клику
Все работает но по клику страница скролится вверх а меню в футере. Убираю ссылку не страбатывает скрипт который раскрывает подменю.
Может кто то предложит решение?

Answer 1

[Eugene Chefranov]

Пишите не просто решетку, а например несуществующий id, например #0, либо через js ссылкам которые ничего не делают ставим preventDefault();
На jQuery:

$('.nav__menu a.has-dropdown').on('click', function(e) {e.preventDefault()})

Comments

[ashfedor]

Спасибо! Можно было и без решетки, но к ней цепляется CSS селектор
Вобщем помогло!