Почему на сайте вордпресс не срабатывает js скрипт?

Question

[Kirakami61]

Сверстал попап и запрограммировал его на js( js знаю плохо, так как только пару дней назад начал его учить). Верстку и скрипт подключил к шаблону вордпресс, но скрипт, почему-то не срабатывает. До подключения к вордпрессу все работало.
Ссылка на скрипт - https://dev.ablethink.ru/wp-content/themes/twentys...
Ссылка на сайт(попап находится в футере) - https://dev.ablethink.ru

Answer 1

[Денис Янчевский]

А так?

(function($){
$(document).ready(function () {
	$('#popup-bg').removeClass('d-none');
	$('#pop-wrapper').removeClass('d-none');
	$('.main-pop').hide();
	$('.blackout').hide();
	function fade(){
		$('.main-pop').fadeIn(1000);
		$('.blackout').fadeIn(1000);
	}
	setTimeout(fade, 1000);
	$('.close-button, .blackout').click(function (e){
		var date = new Date();
		date.setTime(date.getTime() + (60 * 100));
		$.cookie(".main-pop, .blackout'", "", {expires: date} );
		$('.main-pop').fadeOut(1200);
		$('.blackout').fadeOut(1200);
		
		e.stopPropagation();
	});
});
})(jQuery);

Comments

[Kirakami61]

Спасибо, так заработало. Можете объяснить, почему мой скрипт не сработал?

[Денис Янчевский]

Kirakami61: в WordPress jQuery работает в режиме совместимости, поэтому надо либо вместо $ писать jQuery, либо в конце. Ну и событие ready позволяет дождаться пока DOM будет сформирован, иначе есть шанс, что Вы будете работать с элементами, которых ещё нет.

[Kirakami61]

Денис Янчевский: Большое спасибо за ответ.