关闭模式弹出在JavaScript

Question

这是我的引导模式代码

<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> 

现在

的onclick

添加问题

我不得不关闭当前弹出

然后我已写入代码

<script> 
$(document).ready(function(){ 
alert("Question Added.."); 
$('#formid').hide(); 
}); 
</script> 

它会隐藏，但得到的屏幕黑

Answer 1

我想你没有使用模式弹出语法正确，你可以尝试以下方法：

<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">&times;</button> 
      </div> 
      <div class="modal-body"> 
       **--- put your form here** 
      </div> 
      <div class="modal-footer"> 
      </div> 
     </div> 
    </div> 
</div> 

然后，正如其他人建议使用$（ “#mymodal”）。modal（'hide'）