使用 Jquery 自动完成时的 IE11 内存泄漏 (asp.net)

Question

我有一个 asp.net 网页，它使用 Jquery 自动完成功能通过在每个字段上使用 class="cur" 来显示许多文本框（超过 75 个文本框）上的选项列表。

我注意到，在 IE 9-11 中每次刷新页面时，内存每次都会增加 3-5Mb（甚至更多）。一旦达到 250,000K 或更多，性能就会受到影响，一切都会变慢很多（需要几秒钟来输入文本框，刷新等）

如果我从页面中取出自动完成，那么它工作正常（几乎不会增加 IE 的内存）。

所以我假设内存泄漏是由于 jquery 自动完成功能而发生的。

在我正在使用的 jquery 代码下方找到（我已经缩短了货币选项的数量）。

那么问题来了，如何在使用 jquery 自动完成时避免内存泄漏？

更新：请注意，我在 Sys.Application.add_load(function () 中有 jquery 脚本，因为它只运行第一次回发，之后所有自动完成功能都将停止工作。

Sys.Application.add_load(function () {


 $('.cur').each(function () {
        var currencies = [
                                 { value: 'USA dollar', data: 'USD' },
                                 { value: 'European euro', data: 'EUR' },
                                 { value: 'South African rand', data: 'ZAR' },
                                 { value: 'Mexican peso', data: 'MXN' },
                                 { value: 'Japanese yen', data: 'JPY' },
                                 { value: 'Indian rupee', data: 'INR' },
                                 { value: 'Indonesian rupiah', data: 'IDR' },
                                 { value: 'Chinese renminbi', data: 'CNY' },
                                 { value: 'Canadian dollar', data: 'CAD' },
                                 { value: 'Brazilian real', data: 'BRL' },
                                 { value: 'Australian dollar', data: 'AUD' },
                                 { value: 'New Zealand dollar', data: 'NZD' },
                                 { value: 'Afghan afghani', data: 'AFN' },
                                 { value: 'Albanian lek', data: 'ALL' },
                                 { value: 'Vietnamese dong', data: 'VND' },
                 ...many more currencies
                                 { value: 'Yemeni rial', data: 'YER' },
                                 { value: 'Zambian kwacha', data: 'ZMK' },
                                 { value: 'Zimbabwean dollar', data: 'ZWD' },
        ];




        var txt = $(this);
        txt.autocomplete({
            source: currencies,
            delay: 0,
            minLength: 0,
            select: function (event, ui) { $(this).val(ui.item.data); return false },
            change: function (event, ui) { $(this).trigger("change") }
        }).bind('focus', function () {
            $(this).autocomplete("search");
        })
    });

}

Answer 1

您使用 ASP.net

我相信您的问题更多是与 ASP.net 缓存有关，而不是与 javascript 有关。

ASP.net 页面缓存。

看了好久，具体内容记不清了。

但它类似于;表单帖子值被缓存到页面中。

请确认是这个还是不是这个？

由于您使用 ASP.net 的次数比我多，如果您是一位资深的 ASP.net 用户，那么您将确切地知道我在说什么，如果不是，我们将不得不谷歌搜索并挖掘它。 ..（在我这边，一个快速的谷歌没有找到我要找的东西）。

更新

Google ViewState 在 asp.net 中，对我来说，这很可能是您遇到的问题的原因。

找到它： http://www.freshegg.co.uk/blog/web-design/responsive-design/creating-lean-fast-web-pages-view-state

更新

 currencies = [
     { value: 'USA dollar', data: 'USD' },
     { value: 'European euro', data: 'EUR' },
    ...many more currencies
];

Sys.Application.add_load(function () {
    $('.cur').each(function () {
            var txt = $(this);
            txt.autocomplete({
                source: currencies,
                delay: 0,
                minLength: 0,
                select: function (event, ui) { txt.val(ui.item.data); return false },
                change: function (event, ui) { txt.trigger("change") }
            }).bind('focus', function () {
                txt.autocomplete("search");
            })
        });
    }
}