响应式导航栏切换按钮的js导致链接问题

Question

我放置了一个在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 ：：

现在，我正在使用备用导航栏。 您可以Here签出！