Gracias por contestar. Estoy intentandolo con
on pero lo único que consigo es asociar el evento "click" a un elemento en vez de al document entero. De esta manera tengo el mismo problema y muestra el nuevo contenido sin los js y css aplicados. Estoy haciendo lo siguiente:
Código:
$(document).ready(function() {
$( "#menu" ).on( "click", "li a", function( e ) {
var toLoad = $(this).attr('href')+' #container';
$('#container').hide('fast',loadContent);
window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
function loadContent() {
$('#container').load(toLoad,'',showNewContent())
}
function showNewContent() {
$('#container').show('normal',hideLoader());
}
function hideLoader() {
$('#load').fadeOut('normal');
}
return false;
});
});
Por cierto, en algún ejemplo que he visto en el que se reemplazaba contenido añadiendo otro archivo html, ese archivo contenía la página entera con el contenido nuevo en vez de contener solamente los elementos nuevos. Me parece un poco redundante. No sé qué opináis. El ejemplo:
[URL="http://net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/"]http://net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/[/URL]