Bymas | всплывающее окно

парни не могу понять почему не получается. добавил на сайт всплывающее окно. вроде должно работать, но нет оно не нажимается, кто может помочь? код брал от сюда -https://codepen.io/pix3l/pen/OJqQxJ а вот так прописал я-

php

   ?>  <div class="modal-frame">   <div class="modal">     <div class="modal-inset">       <div class="button close"><i class="fa fa-close"></i></div>                  <div class="modal-body">       <? include_once H.'/opros/zapret.php';?> //// инклуд с контентом          </div>     </div>   </div> </div> <div class="modal-overlay"></div>   <a class="fancy-btn open">Can I haz Modal?</a>  <script> $(document).on('ready', function(){     $modal = $('.modal-frame');     $overlay = $('.modal-overlay');      /* Need this to clear out the keyframe classes so they dont clash with each other between ener/leave. Cheers. */     $modal.bind('webkitAnimationEnd oanimationend msAnimationEnd animationend', function(e){       if($modal.hasClass('state-leave')) {         $modal.removeClass('state-leave');       }     });      $('.close').on('click', function(){       $overlay.removeClass('state-show');       $modal.removeClass('state-appear').addClass('state-leave');     });      $('.open').on('click', function(){       $overlay.addClass('state-show');       $modal.removeClass('state-leave').addClass('state-appear');     });    }); </script>   <?

Там

<button class="fancy-btn open">Can I haz Modal?</button> а у тебя

<a class="fancy-btn open">Can I haz Modal?</a>

155876556 (23.04.2022 в 20:52) парни не могу понять почему не получается. добавил на сайт всплывающее окно. вроде должно работать, но нет оно не нажимается, кто может помочь? код брал от сюда -https://codepen.io/pix3l/pen/OJqQxJ а вот так прописал я-

php

   ?>  <div class="modal-frame">   <div class="modal">     <div class="modal-inset">       <div class="button close"><i class="fa fa-close"></i></div>                  <div class="modal-body">       <? include_once H.'/opros/zapret.php';?> //// инклуд с контентом          </div>     </div>   </div> </div> <div class="modal-overlay"></div>   <a class="fancy-btn open">Can I haz Modal?</a>  <script> $(document).on('ready', function(){     $modal = $('.modal-frame');     $overlay = $('.modal-overlay');      /* Need this to clear out the keyframe classes so they dont clash with each other between ener/leave. Cheers. */     $modal.bind('webkitAnimationEnd oanimationend msAnimationEnd animationend', function(e){       if($modal.hasClass('state-leave')) {         $modal.removeClass('state-leave');       }     });      $('.close').on('click', function(){       $overlay.removeClass('state-show');       $modal.removeClass('state-appear').addClass('state-leave');     });      $('.open').on('click', function(){       $overlay.addClass('state-show');       $modal.removeClass('state-leave').addClass('state-appear');     });    }); </script>   <?

Делай открытие лучше через onclick чем через дивы

Mishae72 , данный код реагирует на событие нажатие по диву, а не кнопки
А так же автор подключил ли библиотеку?

Mishae72 , через <a> </a> тоже можно я в ксс переделал, но и с <button> тоже не хочет

155876556 ,
Добавлял библиотеку?
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

И ещё кинь код твоего css кода

jQuery подключи

Emptiness , нет, попробую,

Emptiness , это всплывающее окно бустрапа?