[РЕШЕНО] Добавить класс при условии JS? - Готовые рецепты и советы

jQuery(init);
function init() {
	if (jQuery('#header-container').hasClass('dfd-header-dark')) {
	jQuery('#light-dark').addClass('summary');
	}
}

jQuery(document).init(function() {
						if($('div').hasClass('dfd-header-light')) {
							jQuery('#light-dark').removeClass('dfd-nav-light').addClass('dfd-nav-dark');
						} else {
							jQuery('#light-dark').removeClass('dfd-nav-dark').addClass('dfd-nav-light');
						}
}

function init() {
if (jQuery('#header-container').hasClass('dfd-header-dark')) {
jQuery('#light-dark').addClass('summary');
}
}
init();

<script>
function init() {
if (jQuery('#header-container').hasClass('dfd-header-dark')) {
jQuery('#light-dark').addClass('summary');
}
}
init();
</script>

<script>
jQuery(function () {
function init() {
if (jQuery('#header-container').hasClass('dfd-header-dark')) {
jQuery('#light-dark').addClass('summary');
}
}
init();
jQuery(document).ajaxStop( function() {
init();
});
});
</script>

function init() {
if (jQuery('#header-container').hasClass('dfd-header-dark')) {
jQuery('#light-dark').addClass('summary');
}
}
init();

if (jQuery('#header-container').hasClass('header-style-7'))

jQuery(document).ajaxStop( function() {
//init();
if (jQuery('#header-container').hasClass('dfd-header-dark')) {
jQuery('#light-dark').addClass('summary');
}
});

<script>
	const 
		mo = new MutationObserver(els => {
					els.forEach(el => {
						if (el.target.classList.contains('dfd-header-dark')) {
							console.log('.dfd-header-dark added.');
							document.getElementById('light-dark').classList.add('summary');
							console.log('.summary added.');
						}
					}
				)
			}
		);

	mo.observe(document.getElementById('header-container'), {attributes: true});
</script>

function init() {
alert(jQuery.fn.jquery);
/*if (jQuery('#header-container').hasClass('dfd-header-dark')) {
jQuery('#light-dark').addClass('summary');
}*/
}

jQuery(function($){
    $(window).load(function() {
        if ($('#header-container').hasClass('dfd-header-dark')) {
             $('#light-dark').addClass('summary');
        }
    });
});

if($el.hasClass('dfd-background-dark')) {
	$headerContainer.removeClass('dfd-header-light').addClass('dfd-header-dark');
	$('#fp-nav').removeClass('dfd-nav-light').addClass('dfd-nav-dark');
	if(lightLogo && lightLogo != '') {
		$headerContainer.find('.logo-for-panel img').attr('src', lightLogo);
		}
	} else {
	$headerContainer.removeClass('dfd-header-dark').addClass('dfd-header-light');
	$('#fp-nav').removeClass('dfd-nav-dark').addClass('dfd-nav-light');
	if(darkLogo && darkLogo != '') {
		$headerContainer.find('.logo-for-panel img').attr('src', darkLogo);
		}
}

function init() {
alert(jQuery.fn.jquery);
}
init();

<script>
const
mo = new MutationObserver(els => {
els.forEach(el => {
if (el.target.classList.contains('dfd-header-dark')) {
document.getElementById('light-dark').classList.add('summary');
} else {
if (el.target.classList.contains('dfd-header-light')) {
document.getElementById('light-dark').classList.remove('summary');
}
}

}
)
});
mo.observe(document.getElementById('header-container'), {attributes: true});
</script>

<script>
const
mo = new MutationObserver(els => {
		els.forEach(el => {
				const classes = document.getElementById('light-dark').classList;
				el.target.classList.contains('dfd-header-dark') ? classes.add('summary') : classes.remove('summary');
			}
		)
	}
);

mo.observe(document.getElementById('header-container'), {attributes: true});
</script>