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!
Rispondi quotando