Twitter Bootstrap：如何清除模态

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('')