jQuery UI 中的内存泄漏

Question

我有一个简单的页面，其中包含一个带有三个 jQuery UI 进度条 的表格和一个 ajax 调用。

ajax 调用一个空的 php 文件，成功后我会销毁并重新创建进度条。

它看起来很简单，但运行它会导致 IE7 和 Chrome 中的内存泄漏（尽管 Chrome 处理得更优雅）。

这是我的代码：

<script type="text/javascript" src="jQuery/js/jquery-1.3.1.js"></script>
<script type="text/javascript" src="jQuery/js/plugins/jquery-ui-1.6rc4.min.js"></script>
<link rel="stylesheet" type="text/css" href="jQuery/css/ui.all.css" />

<script type="text/javascript">
$(function(){
    timed();    
});

function timed()
{
    $.ajax({
        url: "index.php",
        success: function(msg){
            $(".progressbar").progressbar("destroy").progressbar();
        }
    });

    setTimeout("timed()",1000);
}

<table> 
<tbody>
    <tr> 
        <td>
          <div class="progressbar"></div>
        </td>
        <td>
          <div class="progressbar"></div>
        </td>
        <td>
          <div class="progressbar"></div>
        </td>
    </tr> 
</tbody>

对于我在这里缺少的东西有什么想法吗？

我尝试在 Success 函数中的 $(".progressbar") 行之前添加 $("*").unbind(); 。

Answer 1

为什么要先破坏然后再重建呢？ 将进度值重置为零并保留它直到稍后再次需要它不是更简单吗？ 如果您特别不希望它可见，您甚至可以 .hide() 它。

Answer 2

我想我要做的只是在应用程序启动时创建进度条，克隆它，并在处理完成后将其添加到我的模板中。 这实质上将内存使用速度降低到了爬行速度（每 4-5 次刷新大约 4k），而不是当前的速度（每次刷新大约 100 到 300k）。