html - 如何在提交按钮后关闭模态窗口？

Question

我有纯CSS的模态窗口。当我点击提交按钮时，我的模态窗口没有消失。如何隐藏模态窗口？这是我的代码。这是 CSS 和 HTML 代码。你有什么想法？

 <div class="banner-content text-center" >


                            <br/><br/>
                            <a href="#open-modal" class="myButton">ORDER</a>    

                            <div id="open-modal" class="modal-window" id="modal-window">
                             <div>
                                <a href="#modal-close" title="Close" class="modal-close">Close</a>
                                <h1>Contact Form</h1>
                                <div>
                                    <div class="container">
                                          <form name="contactform" method="post">


                                            <input type="text" id="fname" name="first_name" >


                                            <input type="text" id="lname" name="email">


                                            <input type="text" id="phone" name="phone" >


                                            <textarea id="subject" name="subject" style="height:150px"></textarea>

                                            <input type="submit" name="submit" id="submit" value="Send">

                                          </form>
                                    </div>
                                </div>
                            </div>
                            </div>
                        </div>

Answer 1

使用 Bootstrap - 试试这个:

$('#submit').submit(function(e) {
        e.preventDefault();
        $('#IDModal').modal('hide');
        return false;
    });

此外 - 我没有看到按钮类型。我建议切换 <input type="submit" name="submit" id="submit" value="Send">至 < <button type="submit" name="submit" id="submit" value="Send"> .

让我知道你的结果!