Адаптивный js кнопки переключения навигационной панели вызывает проблемы со ссылками - PullRequest
0 голосов
/ 25 мая 2019

Я разместил гибкую панель навигации, которую нашел на CodePen ! на моем сайте. Это дает некоторые JS для размещения с этим. После добавления панели навигации любые якорные теги не работают. Я обнаружил, что проблема заключается в JavaScript, который загружается при загрузке страницы.

Вот код javascript от этой ручки.

(function() {
        // Definition of caller element
        var getTriggerElement = function(el) {
            var isCollapse = el.getAttribute('data-collapse');
            if (isCollapse !== null) {
                return el;
            } else {
                var isParentCollapse = el.parentNode.getAttribute('data-collapse');
                return (isParentCollapse !== null) ? el.parentNode : undefined;
            }
        };

        // A handler for click on toggle button
        var collapseClickHandler = function(event) {
            var triggerEl = getTriggerElement(event.target);
            // If trigger element does not exist
            if (triggerEl === undefined) {
                event.preventDefault();
                return false;
            }

            // If the target element exists
            var targetEl = document.querySelector(triggerEl.getAttribute('data-target'));
            if (targetEl) {
                triggerEl.classList.toggle('-active');
                targetEl.classList.toggle('-on');
            }
        };

        // Delegated event
        document.addEventListener('click', collapseClickHandler, false);

    })(document, window);

Я хочу эту навигационную панель на странице, но с рабочими ссылками. Любая помощь будет оценена.

РЕДАКТИРОВАТЬ 1 ::

Теперь я использую альтернативную навигационную панель. Вы можете проверить это Здесь !

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...