提交表格后，我想自動關閉modale彈出窗口

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