click jquery
Вызываю модальное окно,нужно чтобы при нажатии на кнопку,модальное окно вызывалось через 5 секунд.Сейчас при нажатии на кнопку,в адресной строке прописывается #form-popup, и модальное окно не выводится,а затем если уже нажать,то выводится как положено.Я установил,что это связано с #form-popup,когда это в url,то все работает,но изначально у меня этого нет,как мне исправить эту ошибку.
jQuery(document).ready(function($) { $('.popup-with-form-allabout').click(function(){ sleep(5000); $('.popup-with-form-allabout').magnificPopup({ type: 'inline' }); }); }); <a href="#form-popup" class = "popup-with-form-allabout" style = "text-decoration: none;"><div class = "mainButton">Написать нам</div></a> <div id="form-popup" class="white-popup mfp-hide" > .... </div> |
SolomonRei,
строка 3 ... это ... что? |
а да,забыл
Это на подобии функции sleep в php function sleep(ms) { ms += new Date().getTime(); while (new Date() < ms){} } |
SolomonRei,
выкиньте и никогда не используйте |
а как тогда,мне через 5 секунд открыть это модальное окно?
|
подскажите
|
SolomonRei,
jQuery(document).ready(function($) { var tm; $('.popup-with-form-allabout').click(function(event){ event.preventDefault(); window.clearTimeout(tm); tm = window.setTimeout(function() { $('.popup-with-form-allabout').magnificPopup({ type: 'inline' }); }, 5000) }); }); |
Спасибо.но все равно только со второго раза открывается модальное окно,ошибка осталась
|
SolomonRei,
если не секрет, а зачем вам такой долгий тайм? Такое долгое время ожидания не оправдывает себя и только вводит пользователей в замешательство. |
Задачу мне такую дали
|
magnificPopup timer
SolomonRei,
<!DOCTYPE html> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <style type="text/css"> .mfp-hide{ display: none; } .white-popup { position: relative; background-color: #FFFFFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script> <script> jQuery(document).ready(function($) { var tm; $('.popup-with-form-allabout').click(function(event){ event.preventDefault(); window.clearTimeout(tm); tm = window.setTimeout(function() { $.magnificPopup.open({ items : {src : '#form-popup', type: 'inline'} }); }, 5000) }); }); </script> </head> <body> <a href="#form-popup" class = "popup-with-form-allabout" style = "text-decoration: none;"><div class = "mainButton">Написать нам</div></a> <div id="form-popup" class="white-popup mfp-hide" > test </div> </body> </html> |
Спасибо большое,все работает
|
Часовой пояс GMT +3, время: 09:28. |