Comment clair bootstrap modal sur hide
Comment pouvez-vous effacer le bootstrap modal sur masquer/cacher/fermer?
J'ai le texte suivant Modal définition:
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
Add New Comment
</button>
Vue partielle qui contient Modal
@Html.Partial("_CreateComment", Model)
//Partial view which contains modal
<div class="modal fade" id="myModal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
@using (Ajax.BeginForm("AddComment", "Blog", new AjaxOptions
{
HttpMethod = "POST",
InsertionMode = InsertionMode.Replace,
UpdateTargetId = "comments",
OnSuccess = "$('#myModal').modal('hide');"
}))
{
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="myModalLabel">Add Comment</h4>
</div>
<div class="modal-body">
@Html.ValidationSummary(true)
@Html.HiddenFor(model => model.Blog.BlogID)
<div class="form-group">
@Html.LabelFor(model => model.BlogComment.Comment)
@Html.TextAreaFor(model => model.BlogComment.Comment, 4, 104, new { @class = "form-control" })
@Html.ValidationMessageFor(model => model.BlogComment.Comment)
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary">Save changes</button>
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
}
</div>
</div>
</div>
Et c'est le javascript que j'utilise pour effacer le contenu:
$(function () {
//clear modal cache, so that new content can be loaded
$('body').on('hidden.bs.modal', '.modal', function () {
$(this).removeData('bs.modal');
});
});
Si je rejette le modal après avoir entré un peu de contenu ou à la présentation du contenu sous la forme n'est pas claire?
source d'informationauteur adam78
Vous devez vous connecter pour publier un commentaire.
c'est le plus simple correctif:
Utilisation
val('')
basé sur les types d'entrée actuelle et de l'utilisation#myModal
au lieu debody
DÉMO