var obj={};
$('.nav ul li a').click( function() {
var url=$(this).attr('href');
var key=$(this).text();
$('.cnt').load(url +' div', function() {
obj[key]=$(this).html();
});
if($('.cnt').html()==obj[key]) {
//get it from obj not server
}
});
How can i make on every next click after the first one to get the data from the object i've created not the server
can you try this obj.key = $(this).html()
if(key in obj){
//key property exist on object, do stuff here
}
Just check if obj[key]
already exists
var obj = {};
$('.nav ul li a').click(function() {
var url = $(this).attr('href');
var key = $(this).text();
if(obj[key] == 'undefined') {
/* get it from server*/
$('.cnt').load(url + ' div', function(response) {
obj[key] = $(this).html();
});
}else{
/* already have data, put in elment*/
$('.cnt').html( obj[key])
}
});