html Cache .load résultats pour le chargement

Question

plus rapide, je me demandais comment puis-je mettre en cache les résultats de la fonction .load en javascript, je suis le chargement d'un fichier html comme celui ci-dessous, ce que je veux être en mesure de le faire est de charger le cache par Parent-ID puis quand chaque enfant-ID est appelé, il n'a pas besoin de recharger le fichier html à chaque fois.

<div id="provider1"> 

    <div id="thumb1"> 
content1 
    </div> 
    <div id="thumb2"> 
content2 
    </div> 
    <div id="thumb3"> 
content3 
    </div> 
</div> 

Et le javascript que je l'ai utilisé:

var titleID = $(this).attr('id'); 
$('#content').prepend('<div id="loading">load</div>') 
.load('test.html #'+ titleID')   

Merci beaucoup

Answer 1

$.ajaxSetup ({ 
    cache: true 
}); 

var titleID = $(this).attr('id'); 
$('#content').prepend('<div id="loading">load</div>') 
.load('test.html #'+ titleID') 

Answer 2

Rewrite logique de charge comme ceci:

if (stuff in localStorage) { 
// take it from there 
} else { 
// load 
// on complete, put stuff in localStorage 
} 

Vérifiez http://diveintohtml5.ep.io/storage.html. Il y a aussi jQuery.data(), vous pouvez aussi faire de la simple mise en cache avec.