Здравствуйте!
Помогите разобраться, почему по клику на ссылку в мобильном меню модальное окно не открывается, а при клике на ссылку в меню десктопа все срабатывает?
HTML
<li class="menu__item">
<a href="#btn-open" id="btn-open">Заявка</a>
</li>
модальное окно
$('#btn-open').on('click', function () {
$('#wrapper-modal').fadeIn();
});
$('#btn-up').on('click', function () {
$('#wrapper-modal').fadeIn();
});
$('#btn-overlay').on('click', function () {
$('#wrapper-modal').fadeIn();
});
$('#overlay').on('click', function () {
$('#wrapper-modal').fadeOut();
});
$('#wrapper__modal-close').on('click', function () {
$('#wrapper-modal').fadeOut();
});
$('.form-book').children().on('click', function (e) {
e.stopPropagation();
});
бургер меню
$('document').ready(function () {
$('.burger').click(function (event) {
$('.burger,.menu-mobile,.mobile-menu-overlay').toggleClass('active');
$('body').toggleClass('lock');
});
$('.mobile-menu-overlay').click(function (e) {
$('.burger,.mobile-menu-overlay,.menu-mobile').removeClass('active');
$('body').toggleClass('lock');
});
$(".mobile-menu__link").click(function (e) {
$('.burger,.mobile-menu-overlay,.menu-mobile').removeClass('active');
$('body').toggleClass('lock');
});
});
// HTML element
document.body.insertAdjacentHTML('beforebegin', `<div class="mobile-menu-wrapper">
<div class="mobile-menu-overlay"></div>
<ul class="menu-mobile">
<li class="mobile-menu__item"><a href="#" class="mobile-menu__link menu__link link">Главная</a>
</li>
<li class="mobile-menu__item"><a href="#benefits" class="mobile-menu__link menu__link link">Преимущества</a></li>
<li class="mobile-menu__item"><a href="#cooperation" class="mobile-menu__link menu__link link">О нас</a></li>
<li class="mobile-menu__item"><a href="#btn-overlay" id="btn-overlay" class="mobile-menu__link menu__link link">Заявка</a></li>
</ul>
</div>`);