緩存選項卡的內容

所以，正確的我在這是從 溫泉UI，的PhoneGap，只是正常的jQuery做移動應用程序項目。我正在使用ons-tabbar作爲我的主要模板。緩存選項卡的內容

我的問題是，當我試圖用.append（「一些內容」）新元素添加到某些選項卡它工作得很好，但是當我改變了標籤，其他選項卡，並返回到相同的標籤已經使用append（）函數我添加的最後一個元素已經消失。

那麼有人知道如何保持永久附加到該選項卡的元素？

這是我的一些代碼

$(document).ready(function() { 

    $('#test-headd').click(function() { 
     /* Act on the event */ 
     $('#feeds-index-container').append('<h1 style="color: #fff;">testddd</h1>'); 
    }); 
}); 

<ons-tabbar class="tab-wrapper"> 
      <ons-tab page="recents-index.html" id="recents-button" no-reload> 
      <img src="img/icon/recents_icon.png" class="icon-image" alt=""> 
      <span>Recents</span> 
      </ons-tab> 
      <ons-tab page="history-index.html" id="history-button" no-reload> 
      <img src="img/icon/history_icon.png" class="icon-image" alt=""> 
      <span>History</span> 
      </ons-tab> 
      <ons-tab class="first-footer-button" id="feed-tab" page="feeds-index.html" no-reload active="true"> 
      <img src="img/icon/feed_box_icon.png" class="footer-image-bg" alt=""> 
      <img src="img/icon/feeds_icon_gold.png" class="icon-image" alt=""> 
      <span>Feeds</span> 
      </ons-tab> 
      <ons-tab page="profile-index.html" id="profile-button" no-reload > 
      <img src="img/icon/profile_icon.png" class="icon-image" alt=""> 
      <span>Profile</span> 
      </ons-tab> 
      <ons-tab page="setting-index.html" id="setting-button" no-reload > 
      <img src="img/icon/setting_icon.png" class="icon-image" alt=""> 
      <span>Setting</span> 
      </ons-tab> 
     </ons-tabbar>

謝謝！

來源

2014-12-03 Varis Darasirikul