Я хотел бы иметь modale popup autoclose после отправки формы

Question

Итак, после отправки формы для обзора, я хотел бы иметь всплывающее окно, чтобы поблагодарить клиента и автоклинировать после задержки. У меня есть этот код:

<form action="<?php echo htmlspecialchars($_SERVER['PHP_SELF'], ENT_QUOTES); ?>" id="feedbackForm" data-toggle="validator" data-disable="false" method="post">  

<button type="submit" value="Submit" title="Post your review" class="btn btn-primary btn-lg" data-loading-text="Sending..." style="display: block; margin-top: 10px;">Send &nbsp;&nbsp;<span class="glyphicon glyphicon-send"></span></button> 
</form> 

<div id="dialog" style="display: none"> 
Thank you for your review, this dialog will automatically close in 10 seconds. 
</div>  
</div> 
    <script type="text/javascript"> 
$(document).ready(function() 
{ 
;(function($) { 

    // DOM Ready 
    $(function() { 

     // Binding a click event 
     // From jQuery v.1.7.0 use .on() instead of .bind() 
     $('#my-button').on('click', function(e) { 

      // Prevents the default action to be triggered. 
       e.preventDefault();      
$('#feedbackForm').ajaxForm(function() { 

$('#dialog').bPopup({ 
autoClose: 3000, 
    easing: 'easeOutBack', //uses jQuery easing plugin 
     speed: 450, 
     transition: 'slideDown' 
}); 

    }); 
    }); 
    }); 

}); 
})(jQuery); 
</script> 

Он представить форму, но modale всплывающее окно не открывается ... Спасибо за вашу помощь!

Answer 1

В зависимости от того, как вы собираетесь ждать 3 секунды, исходя из ваших потребностей. Вы можете по крайней мере получить всплывающее окно, чтобы уйти, используя немного JQuery ниже:

$("#dialog").hide(); 

Кроме того, поскольку вы используете плагин вы можете захотеть, чтобы убедиться, что его называют правильно. Проверьте консоль и журналы на наличие ошибок или ошибок.

Вы можете найти некоторые пишут на сайте: bpopup