關閉模式彈出在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'）