jquery - Twitter Bootstrap : How to clear out a modal

Question

我有一个页面，其中包含触发称为弹出窗口的模式的链接。以下是典型链接的代码:

<a href="/user/profile?id=1" data-target="#pop-up" data-toggle="modal">Kevin Doherty</a>

“pop-up”是一个空的 DIV，作为布局的一部分加载。这是:

<div tabindex="-1" class="modal fade" id="pop-up"></div>

问题是当模式关闭时我似乎无法清除内容。

该模式是使用 ajax 请求填充的。我可以看出它没有正确清除，因为:

• 当我关闭模式时，我仍然可以使用 firebug 查看 HTML 内容，并且
• 如果我点击返回 404 的链接，模式仍会打开，但会显示上一个请求的内容

我读过这个问题， Reload content in modal (twitter bootstrap) ，而且我很确定我之前就已经开始工作了。但我现在无法让它工作。我想知道 jQuery 升级是否是罪魁祸首？

我正在使用 Bootstrap 3 和 jQuery 1.10.2。

这是我的代码。 (我尝试过这个主题的几种变体):

$(document.body).on('hidden.bs.modal', '#pop-up', function() {
    $('#pop-up').removeData('bs.modal');
    console.log('Modal reset!');
});

代码似乎按预期执行(如控制台中的输出所证明)，但它没有清除数据。有什么想法吗？

Answer 1

我看到 2 个选项。 1) 关闭模态框后清除数据，或 2) 打开模态框前清除数据。

所以，当你关闭窗口时，你会清除 html

jQuery ->
  $(document).on 'click', '.close', ->
    $(this).parent().fadeOut -> $(this).html('')