Как лучше написать меню навигации с паб-меню?

Question

Такой вопрос, припустим есть в шапке навигация у меня И если итмеми будуть делать переход на другую часть сайта, или прокрутку к разделу, тогда надо еще в li ставить тег a (сылку). Но если каждый итем у меня вызивает паб меню, тогда не надо в нутри тегу li вставлять сылку? а просто вешать клык на тег li?

 <nav class="header__menu  col-xl-5  col-md-7 ">
                  <ul class="header__list d-flex justify-content-end">
                     <li class="header__list-item">WORK</li>
                     <li class="header__list-item">ABOUT ME</li>
                     <li class="header__list-item">BLOG</li>
                     <li class="header__list-item--contact">HIRE ME</li>
                  </ul>

               </nav>

Answer 1

Вероятно, вам подойдет скрипт по удалению url. Скрипт сравнивает url из window.location и из тега a. Если есть совпадение - превращает ссылку в якорь.

document.addEventListener("DOMContentLoaded", function() {
    deleteUrlOfLinksInThisPage();
});

function deleteUrlOfLinksInThisPage() {
    const navbar = document.querySelector('.navbar');
    const a = navbar.querySelectorAll('a');
    a.forEach(item => {
        const locate = window.location.href;
        if (item.href == locate) {
            item.href = "#";
        }
    });
}

Подойдет только для абсолютных ссылок

БЛОГ НА HUSL

Как лучше написать меню навигации с паб-меню?

Ответы (1 шт):