0

Бургер-меню и вкладки прекрасно работают в остальных браузерах, но не в IE. Объясните мне, пожалуйста, в чем проблема?

// Menu
var burgerMenu = document.querySelector(".burger-menu");
var menu = document.querySelector(".menu");
var links = document.querySelectorAll(".menu a");

burgerMenu.addEventListener("click", () => {
    menu.classList.toggle("open");
    links.forEach(link => {
        link.classList.toggle("fade");
    });
});

//Tabs portfolio
var tabButtons = document.querySelectorAll(".tabContainer .blocks button");
var tabPanels = document.querySelectorAll(".tabContainer  .projects");

function showPanel(panelIndex,colorCode) {
    tabButtons.forEach(function(node){
        node.style.backgroundColor="";
        node.style.color="";
    });
    tabButtons[panelIndex].style.backgroundColor=colorCode;
    tabButtons[panelIndex].style.color="white";
    tabPanels.forEach(function(node){
        node.style.display="none";
    });
    tabPanels[panelIndex].style.display="flex";
    
}
showPanel(0,'#ffffff');

введите сюда описание изображения введите сюда описание изображения

6
  • Причин может быть очень много: forEach, classList, display: flex и даже querySelector и querySelectorAll. Уточните, как именно не работает (ошибка или неправильное поведение) и в какой версии IE не работает. 21 апр 2019 в 10:55
  • Текст ошибки в студию
    – andreymal
    21 апр 2019 в 11:16
  • @smellyshovel, не работает в версии IE11 . А ошибки выдает: SCRIPT1002: Синтаксическая ошибка script.js (6,41) и SCRIPT5009: "showPanel" не определено index.html (155,42) 21 апр 2019 в 11:52
  • Что значит ""showPanel" не определено index.html"? Оригинальный текст лучше приведите. 21 апр 2019 в 12:04
  • 2
    IE11 не поддерживает стрелочные функции, переписывайте на обычные
    – andreymal
    21 апр 2019 в 12:41

0

Посмотрите другие вопросы с метками или задайте свой вопрос.