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