关闭javascript中的模式弹出窗口
这是我的引导模式代码关闭javascript中的模式弹出窗口,javascript,php,bootstrap-modal,Javascript,Php,Bootstrap Modal,这是我的引导模式代码 <form class="form-horizontal" method="post" name="addform" id="formid"> <div id="myModal" > <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</
<form class="form-horizontal" method="post" name="addform" id="formid">
<div id="myModal" >
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
<h3 id="myModalLabel">Add Question</h3>
</div>
<div class="modal-footer">
<input type="button" onClick="aj_add_question(<?=$id?>);" class="btn btn-primary" id="add_button" name="Add" value="Add Question">
<button type="button" class="btn btn" data-dismiss="modal" aria-hidden="true">cancel</button>
</div>
</div>
<div class="modal-footer">
<input type="button" value="Add Page" onclick="aj_add_page();" class="btn btn-primary" />
<button type="button" class="btn btn" data-dismiss="modal" aria-hidden="true">cancel</button>
</div>
</form>
x
添加问题
我认为您没有正确使用模态弹出语法,您可以尝试以下方法吗:
<div class="modal fade" id="mymodal" tabindex="-1" role="dialog" aria-labelledby="mymodaltitle" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
**--- put your form here**
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
&时代;
**---把你的表格放在这里**
然后,正如其他人所建议的那样,使用$(“#mymodal”).modal('hide')尝试将模态关闭为$('#mymodal').modal('hide')代码>试试这个:$(“#模态”).modal(“隐藏”);更新了“我的编辑”使用模型id而不是表单id$(“#myModal')关闭模式。模式(“隐藏”)代码>
<div class="modal fade" id="mymodal" tabindex="-1" role="dialog" aria-labelledby="mymodaltitle" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
**--- put your form here**
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>