Twitter Bootstrap：如何清除模式

Question

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

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

“弹出”是加载我布局的一部分空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('')