Браузер жалуется на jquery?

Question

[Alibek Kulseitov]

Код очень прост

$(window).load(function(){
    let preloader = $('.preloader');

    setTimeout(function() {
        if (!preloader.classList.contains('preloader_hidden')) {
            preloader.classList.add('preloader_hidden');
        }
    }, 2000);
});

Но почему-то выходит ошибка

jquery.min.js:2 Uncaught TypeError: e.indexOf is not a function
    at w.fn.init.w.fn.load (jquery.min.js:2)
    at scripts.js:9

Comments

[Дмитрий]

Это скорее всего из-за версии jquery. Если используется 3 версия jquery -.load удален

Answer 1

[Сергей]

Попробуйте вместо
.classList.contains - .hasClass()
и вместо .classList.add - .addClass()

Также let может не работать в некоторых браузерах, лучше использовать var

Т.е. должно быть что-то вроде этого:

$(window).load(function(){
    var preloader = $('.preloader');

    setTimeout(function() {
        if (!preloader.hasClass('preloader_hidden')) {
            preloader.addClass('preloader_hidden');
        }
    }, 2000);
});

Также, если нужно сделать переключатель класса (добавить, если нет или удалить, если есть), то можно использовать toggleClass()

Comments

[Stalker_RED]

или ванильный classList.toggle()

[Alibek Kulseitov]

Теперь ошибка

jquery.min.js:2 Uncaught TypeError: e.indexOf is not a function
    at w.fn.init.w.fn.load (jquery.min.js:2)
    at scripts.js:9

[Сергей]

Alibek Kulseitov,
Замените

$(window).load(function(){

на

$(document).ready(function(){

Так завелось?

[Alibek Kulseitov]

Я вообще убрать ready и load и заработало) почему так?