¿Cómo hacer transiciones de página de estilo github por pjax

Una vez que un tiempo, leí un artículo dijo que la transición de la página GitHub es hecha por pjax, he comprobado jquery-pjax proyecto. Creo que tengo cerca de la respuesta, debe ser algo relacionado con el evento y pjax:startpjax:end, pero todavía no puedo conseguir que funcione, por lo que tratar de conseguir un poco de ayuda aquí.¿Cómo hacer transiciones de página de estilo github por pjax

$('a.pjax').pjax('#main'); 
$('#main').bind('pjax:start', function(){$('#main').slideUp()}) 
    .bind('pjax:end'), function(){$('#main').slideDown()});

Pero no tiene efectos

Fuente

2011-11-04 guilin 桂林

¿Estás hablando de la forma en que excavar a través de código de las páginas siguientes/anteriores se deslizan dentro y fuera? Esto se hace con HTML5 History API y JS de comportamiento básico. –

@CalvinFroedge sí, estoy hablando de código de la página vista, y que decir que nada de pjax? –

Sí, el núcleo de lo que hace que el trabajo es la API Historia: http://html5demos.com/history Harías obtener las solicitudes después del intercambio a una nueva URL. La parte de efectos se puede hacer con jQuery animate estándar. –

Github utilizar las funciones de HTML5 para las transiciones de página. Eso incluye la nueva API de historial de JS y las transiciones de CSS3. No jQuery involucrado excepto para la escucha de eventos estándar, selectores. La publicación del blog está aquí con todos los enlaces relevantes https://github.com/blog/760-the-tree-slider

Fuente

2011-11-04 23:34:22 sciritai

Leí este artículo, todavía no tengo idea –

No sé si esto es relevante en absoluto. Pero he estado usando Pjax mí mismo y el código anterior tiene un error de sintaxis, debe ser:

$('a.pjax').pjax('#main'); 
$('#main').bind('pjax:start', function(){$('#main').slideUp()}) 
.bind('pjax:end', function(){$('#main').slideDown()});

Editar: Sí, lo siento por no señalarlo. Exactamente como @Udo Held dijo: Es necesario quitar el soporte después de 'pjax: fin' o de lo contrario no va a seguir adelante y ejecutar la función ('# principal') slideDown() $..

Fuente

2012-01-04 21:40:50 Michael

Probablemente deberías señalar que el error es tan difícil de decir cuál es la diferencia: debes quitar el soporte después de '.bind ('pjax: end'' y luego repetir el código de trabajo o algo por el estilo. –

Pjax: Demo, Source[Github]
Es la que uso github .. reference

Fuente

2013-06-15 08:06:02

mucho mucho gracias a este yo pasamos una semana buscando y finalmente descubrió github cabo THX a su enlace de referencia – Noitidart

¿Cómo hacer transiciones de página de estilo github por pjax

Respuesta

Cuestiones relacionadas