закрыть модальное всплывающее окно в 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')