Question

我正在与Mvc dot.net合作我有一个bootstrap模式，其中我插入了一个Kendo UI上传小部件。问题是当我打开然后关闭模态时，模态内容会从DOM中神奇地删除。

模态对话框的代码是：

<div id="modalUploadAllegato" class="modal hide fade">
<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h3>Carica File</h3>
</div>
<div class="modal-body">
    <input type="hidden" id="praticaAssociata" name="praticaAssociata" value="" />
    <input type="hidden" id="tipologia" name="tipologia" value="" />
    <input type="hidden" id="associa" name="associa" value="" />
    @(Html.Kendo().Upload()
        .Name("files")
        .Multiple(false)
        .Async(a => a.Save("SaveAllegato", "Claim").AutoUpload(false))
        .Events(e =>
        {
            e.Success("function (e){ uploadSuccess(e.response.idAllegato, $('#praticaAssociata').val(), $('#tipologia').val(), e.response.fileName, $('#associa').val()); }");
            e.Upload("function (e){ e.data = { idPratica:$('#praticaAssociata').val(), denuncia:$('#tipologia').val(), gruppo:$('#associa').val() } }");
            e.Error("function (e){ alert('Errore nel salvataggio del file (solo pdf)'); }");
        }))

</div>

任何人都知道模态隐藏后如何删除模态体？

Answer 1

在这种情况下，您需要禁用原始隐藏操作并使用您自己的隐藏操作覆盖它。这就是你在Bootstrap中覆盖默认隐藏操作的方法：

Bootstrap 3

$('#myModal').on('hide.bs.modal', function (e) {
    e.preventDefault(); //<-disable the original closing event
    //do your own closing action here

})

http://getbootstrap.com/javascript/#modals - ＆gt;事件

Bootstrap 2.3.2

$('#myModal').on('hide', function (e) {
    e.preventDefault(); //<-disable the original closing event
    //do your own closing action here
})

http://getbootstrap.com/2.3.2/javascript.html#modals - ＆gt;事件

隐藏后删除模态引导的内容

1 个答案:

Bootstrap 3

Bootstrap 2.3.2