Я использую атрибут 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?