如何在提交按钮后关闭模式窗口？
如何在提交按钮后关闭模式窗口？
提问于 2018-08-09 04:59:15
我有纯css的模式窗口。当我点击submit按钮时，我的模式窗口不会消失。如何隐藏我的模式窗口？这是我的代码。下面是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>回答 1
Stack Overflow用户
发布于 2018-08-09 05:28:33
使用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">。
让我知道你的结果！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51755573
复制相关文章
相似问题