@Bro010101

Как запустить модальное окно по ссылке из мобильного меню?

Здравствуйте!
Помогите разобраться, почему по клику на ссылку в мобильном меню модальное окно не открывается, а при клике на ссылку в меню десктопа все срабатывает?
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>`);
  • Вопрос задан
  • 51 просмотр
Пригласить эксперта
Ваш ответ на вопрос

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

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