[SOLUCIONADO] Cargar funcion despues de pushState

[tanatos_neon]

Hola Chicos.

Tengo el siguiente código preparado.

Código:

$(document).ready(function(){

    var popped = ('state' in window.history && window.history.state !== null), initialURL = location.href;

    var content = $('section');

    var ajaxLoadPage = function (url) {

        console.log('Loading ' + url + ' fragment');
        content.load(url + '?fragment=true');
		
		
		var zona = /home/.test(url);
		
		console.log('Zona ' + zona);
		
		if (zona = true) { 
			$(".menu li").removeClass("selectedLava");
			$(".backLava").css("left","83px").css("width","51px");
			$("section").delay(0).animate({height:"20px"}, {duration:700});
		}
		if (zona = false) {
			$("section").delay(0).animate({height:"20px"}, {duration:700});
			$("section").delay(700).animate({height:"160px"}, {duration:700});
			
		}

    }
	var home = 'home';
	history.pushState({page:home}, null, home);

    $('a').not('[href^=http], [href^=https], [href^=#]').click(function(e){

        e.preventDefault();
        var href = $(this).attr('href');
        ajaxLoadPage(href);
        history.pushState({page:href}, null, href);

    });

    $(window).bind('popstate', function(event){

        var initialPop = !popped && location.href == initialURL;
        popped = true;
        if (initialPop) return;

        console.log('Popstate');

        ajaxLoadPage(location.pathname);

    });	

});

Mi problema ocurre con las Animaciones de los objetos.

Resulta que ajax me cambia la url correctamente y me carga el contenido en "content", pero no procesa las animaciones.

El log de "zona" funciona correctamete y da true o false si detecta que estamos en home o no, pero no me hace las animaciones.

Alguna idea?.

Gracias.

[tanatos_neon]

Tampoco consigo implementar el código para que al pulsar F5 o recargar la web cargue ese mismo contenido.

Imagino que eso ocurre porque en las llamadas al menu hago llamadas amigables "informacion" y en htaccess le digo RewriteRule ^informacion$ php/informacion.php [L,NC]

Y al recargar me carga el php...

[tanatos_neon]

Bueno, la parte de las animaciones esta resuelta... la tonteria de no poner == a true o false...

Me sigo peleando con el refresco...

[IsaBelM]

pushstate no refresca la página. si ejecutas este código verás que sólo aparece la alerta al cargar la página

window.onload = function(){alert('este mensaje sólo aparecera esta vez');}

function fnc() {
window.history.pushState({ hash : 'hash' }, 'page 2', 'hash');
}

[tanatos_neon]

Hola IsaBelM

Gracias por la rapida respuesta.

Eso lo tengo claro, por ello hice este codigo:

Código:

$(window).bind('beforeunload', function(event){ if (event.keyCode == 116) { ajaxLoadPage(location.pathname); } else { ajaxLoadPage(location.pathname); } });

Pero nada, me sigue recargando la pagina, no hace la funcion de Ajax

[IsaBelM]

el evento onbeforeunload se dispara justamente antes de cerrar la página. entonces no veo una relación para que obtengas un resultado distinto al que obtienes

[tanatos_neon]

IsaBelM, tienes toda la razón, eso me complicaba la recarga.

Lo solucione usando dos metodos.
- Si pones el link o recargas, recoge la variable por get de la url amigable
- Si navegas por la web cargas contenido mediante el script

Y todo funciona.

Asique muchas gracias por las respuestas.