buonasera,
vorrei avere delle delucidazioni sul funzionamento di jQuery.

la mia pagina contiene dei DIV inizializzati con questa funzione:

function loadSystem() {
$('#main').shadow({ color: colorShadow, offset: offsetShadow , opacity: opacityMAINshadow });
$('#maininside').corner().animate({ opacity: opacityMAININSIDEanimate}, timeAnimate );
}

come è possibile vedere hanno una shadow che si genera all'avvio della pagina e gli angolo arrotondati.


Ho creato una funzione che si attiva al click dell'utente:

function loadingNewPage( name ){
$("#maininside").attr('innerHTML','LOADING');
$("#main").animate({ opacity: 0.5}, 500 );
$("#loading").show();
$.ajax({ url: name, cache: false, success: function(html){ $("#maininside").attr('innerHTML',html); } });
$("#loading").hide();
$("#main").animate({ opacity: 1}, 500 );
}


semplicemente aggiorna un div (maininside) con il contenuto della pagina cercata.

Il problema sono lo shadow e il corner che hanno i div poichè quando aggiorno il contenuto della div non si aggiorna anche lo shadow e l'arrotondamento!

ho pensato di aggiungere una ".ready(function() { loadSystem(); });" ma l'ombra non viene aggiornata!

la mi impressione è che jQuery memorizzi i dati dell'oggetto all'inizio dell'evento e funchè non termina non li aggiorna.
C'è la possibilità di utilizzare i dati aggiornati?

nel caso non avessi espresso bene il quesito siete pregati di contattarmi che ci riproverò nuovamente!