Почему не работает код в Internet Explorer 11 и Edge?

Question

[butize]

Почему такой код не работает в Internet Explorer11?

var anchors = $('a[href*="#product"]');

        for (var anchor of anchors) {
            $(anchor).click(function(evt) {
                evt.preventDefault();
                const blockID = $(anchor).attr('href').substr(8);
                const headerHeight = $("header.page-header").height();
                const elemCoord = $("#product"+blockID).offset().top;
                const trueCoord = elemCoord - headerHeight;
                $("html, body").animate({scrollTop: trueCoord+"px"}, 800);
            });   
        }

        var sections3 = $('section[id*="product"]'),
            nav3 = $('.pagination-container > ol'),
            header3 = $('header.page-header'), 
            nav_height3 = header3.outerHeight();

        $(window).on('scroll', function () {
            var cur_pos = $(this).scrollTop();
          
            sections3.each(function() {
                var top = $(this).offset().top - nav_height3,
                    bottom = top + $(this).outerHeight();
                var currentId = $(this).attr('id');
                if (cur_pos >= top) {
                    nav3.find('li').removeClass('active');
                    sections3.removeClass('active');
                    $(this).addClass('active');
                    nav3.find('a[href="#'+currentId+'"]').parent('li').addClass('active');
                }
            });
        });

Comments

[Lynn «Кофеман»]

Вопрос на тостере задать проще чем в заглянуть в консоль браузера?

[butize]

Алексей Тен, Представьте себе , что да. В консоле ошибок нет. Но он не видит $(anchor) вообще. Думала, что проблема в let, поменяла их на var. Я сюда просто так вопросы не задаю - не знаете ответа - проходите мимо. Проще же мимо пройти, чем дурацкие комменты писать, не так ли?

[Lynn «Кофеман»]

Странно что в консоли ничего нет

Но вообще IE в принципе не понимает конструкцию for...of так что должен был упасть с синтаксической ошибкой https://developer.mozilla.org/en-US/docs/Web/JavaS...

[butize]

Алексей Тен, Спасибо, теперь проблема ясна.

[Lynn «Кофеман»]

Отдельный вопрос зачем использовать for of вместо $(...).each который вы используете чуть ниже

[Lynn «Кофеман»]

В общем ошибка в консоли должна быть, проверьте может вы там чего-то поотключали

Answer 1

[Владислав Бойченко]

Ну наверное потому что https://caniuse.com/#search=for...of ?

Answer 2

[ThunderCat]

там же вроде консоль вполне себе есть, проверьте на каком этапе у вас не срабатывает скрипт, расставьте логи по ходу выполнения, отследите точку облома. Классика же...