закройте модальное всплывающее окно в javascript

Question

закройте модальное всплывающее окно в javascript

это мой загрузочный модальный код

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

сейчас на клике

Добавить вопрос

я должен закрыть текущее всплывающее окно

тогда я написал код

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

он будет прятаться, но получится черный экран

0

bootstrap-modal javascript php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Я думаю, что вы не используете модальный синтаксис всплывающих окон правильно, вы можете попробовать следующее:

<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»). Модальный ( ‘скрыть’)

0