內存管理和緩存內容jquery-mobile

Question

這讓我瘋狂。

在webapp中，我使用jqm創建，其中一個頁面有一些可摺疊的塊，裏面有listview，當它們被點擊並且沒有摺疊時，它們動態填充。每個列表視圖中元素的數量約爲500個。考慮到每個元素都有一個縮略圖，這將成爲一個更大的問題。

當我弄糟一塊新磚時，我可以感覺到我的iphone有多辛苦。這是因爲分配給瀏覽器的內存被填滿了，我想。

當新的可摺疊塊打開時，有沒有辦法釋放內存/緩存？或者我可以阻止將數據映射到緩存，以便在性能上獲得一些啓動功能？

我接受任何其他建議。

上編輯10/13/2011

這裏是我使用

$('div.century').live('expand', function(){ 
    var idval = $(this).attr('id'); 
    console.log('expanded'+idval); 

    $.get("helpers/getByCentury.php", { id: idval}, 
     function(data){ 
      $("#"+idval+" ul.ulist").html(data); 
      $("#"+idval+" ul.ulist").listview('refresh'); 
      }); 
}); 

Answer 1

如果要刪除數據時可摺疊塊被關閉，那麼你可以綁定到collapse事件，當時刪除摺疊內部的HTML：

$('div.century').live('expand', function(){ 
    var idval = $(this).attr('id'); 
    if (typeof(console.log) == 'function') { 
     console.log('expanded'+idval); 
    } 
    $.mobile.showPageLoadingMsg(); 

    $.get("helpers/getByCentury.php", { id: idval}, 
     function(data){ 
      $("#"+idval+" ul.ulist").html(data).listview('refresh'); 
      $.mobile.hidePageLoadingMsg(); 
     }); 
}).live('collapse', function() { 
    $(this).find('.ulist').find('li').remove(); 
}); 

我是那種爲猜測到你的可摺疊塊的結構，所以你可能需要調整選擇器來移除適當的元素。

此外，我注意到當我測試這個collapse事件是在頁面加載時觸發的。

Answer 2

如果刪除從DOM元素，並從你的JavaScript對象或DOM元素，你清楚了引用代碼，那麼這些對象使用的內存可以被瀏覽器通過垃圾收集回收。在JavaScript中，當不再有任何引用時，對象將被釋放。