Отложить JQuery файл создает плохие визуальные эффекты: это хорошая практика? - PullRequest
0 голосов
/ 06 ноября 2019

Я использую атрибут defer для загрузки jquery:

<script defer src="{{ asset('js/jquery-3.4.1.min.js') }}"></script>

Я прочитал, что defer js-файл - лучшая новая практика для включения js-файла.

Проблема возникаеткогда я использую jquery для добавления / удаления классов CSS в элемент DOM или, например, когда я использую select2.
Например, с этим кодом:

var dayHeader = '';
jQuery('.title_day').each(function( index ) {
    if (jQuery(this).html() == dayHeader) {
        jQuery(this).addClass('notitle');
    }

    dayHeader = jQuery(this).html();
});

В этих случаях пользователь видит страницу безновые классы (или без select2), и результатом является плохой визуальный эффект (вы видите элемент со стилем, и после загрузки отложенного js-файла тот же элемент меняет свой стиль).

Как я могуреши это? Просто не используете defer с jquery?

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