@LenaOlegovna

Почему не работает Magnific Popup?

Здравствуйте, помогите найти ошибку, делаю свою первую тему на WordPress Версия 6.0.1. Есть два модальных окна, в шапке форма регистрации и авторизации и в подвале форма обратного звонка. При клике по ссылкам ничего не происходит, в консоле тоже нет ошибок, я подозреваю что дело в конфликте скриптов, но уже второй день не могу найти решение. Плагины точно не виноваты, пробовала отключать, ничего не изменилось.

wp_enqueue_style( 'open-sans-font', 'https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,500,600,700,800' );
wp_enqueue_style( 'playfair-font', 'https://fonts.googleapis.com/css?family=Playfair+Display' );
wp_enqueue_style( 'bootstrap', get_template_directory_uri() . '/assets/bootstrap5/bootstrap.css' );
wp_enqueue_style( 'dl-icon', get_template_directory_uri() . '/assets/css/vendor/dl-icon.css' );
wp_enqueue_style( 'fa', get_template_directory_uri() . '/assets/css/vendor/font-awesome.css' );
wp_enqueue_style( 'main', get_template_directory_uri() . '/assets/css/style.css', array(), time() );
wp_enqueue_style( 'magnific-css', get_template_directory_uri() . '/assets/css/magnific-popup.css' );

wp_deregister_script( 'jquery' );
wp_register_script( 'jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js');
wp_enqueue_script( 'jquery' );
wp_enqueue_script( 'bootstrap', get_template_directory_uri()  . '/assets/bootstrap5/bootstrap.min.js', 'jquery', null, true );
wp_enqueue_script( 'magnific-js', 'https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.js', array('jquery'), '', true );
wp_enqueue_script( 'scripts', get_template_directory_uri() . '/assets/js/scripts.js', array( 'jquery', 'plugins', 'cookie' ), time(), true );


$(".login, .toclick").magnificPopup({
mainClass: 'mfp-zoom-in',
removalDelay: 400
});


<a href="#login" id="modal" class="login">Личный кабинет</a>
<div id="login" class="callback-form product-popup login-popup">...</div>
  • Вопрос задан
  • 140 просмотров
Пригласить эксперта
Ответы на вопрос 1
ThunderCat
@ThunderCat Куратор тега PHP
{PHP, MySql, HTML, JS, CSS} developer
1) скрипт инициализации должен вызываться по событию загрузки документа.
2) для начала уберите параметры и задайте правильный тип, указанный в документации type:'inline',
3) Проверьте как ведет себя попап элемент, возможно у вас кривые стили, которые работают, но ничего не показывают.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы