【问题标题】:content of modal bootstrap deleted after hide隐藏后删除的模态引导内容
【发布时间】:2014-09-15 16:00:42
【问题描述】:

我正在使用 Mvc dot.net 我有一个引导模式,其中插入了一个 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>

有人知道模态隐藏后模态体是如何删除的吗?

【问题讨论】:

    标签: jquery twitter-bootstrap kendo-ui bootstrap-modal


    【解决方案1】:

    在这种情况下,您需要禁用原始隐藏操作并用您自己的操作覆盖它。这是您在 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 -> 事件

    引导程序 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 -> 事件

    【讨论】:

    • 对不起,但不起作用,我试试这个: $('#modalUploadAllegato').on('hide', function (e) { e.preventDefault(); $('#modalUploadAllegato' ).css('display','none')});但什么都没有
    • 您确实需要使用 firebug 深入了解引导模式 html 的本质,以了解需要隐藏哪些元素等。它会在您的代码中创建 html,您需要处理它。跨度>
    • 我试过了,但没有,这是个谜,我不明白怎么可能。每次模态消失时,内容都会被删除。仅适用于此模态。即使我删除了剑道助手。
    • 另外,如果我在视图中创建其他模式,当我关闭它们时,主体会消失!
    • 为什么要删除内容?我不得不阻止Default 似乎很疯狂。
    【解决方案2】:

    我不确定此问题的根本原因是什么,但更改模式在 HTML 中的位置有助于解决此问题。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-12-22
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-04-11
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多