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

а вот так прописал я-
?>

<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

а вот так прописал я-
?>

<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, это всплывающее окно бустрапа?
Онлайн: 1
Время:
Gen. 0.117
(c) ByMAS.RU 2010-2025