Pjax动画

问题描述

我终于pjax的工作，但我有一个问题..我如何添加一些jQuery的动画一样淡出/效果基本show旧的内容和淡入/了slideDown新的内容？

I finally got pjax working, but I have another question.. How do I add some jquery animation like fadeout/slideup old content and fadein/slidedown new content?

在默认情况下pjax只是改变没有任何好看的效果的内容。

By default pjax just changes the content without any good looking effects..

任何帮助将是非常美联社preciated。

Any help would be much appreciated.

最好的问候

推荐答案

基本上，你有一串事件锁存到，做你喜欢。下面是一个使用基本淡入和淡出版本pjax：启动和 pjax：年底为触发器

Basically, you have a bunch of events to latch on to and do as you like. Here's a basic fadeIn and fadeOut version using the pjax:start and pjax:end as triggers.

$(document)
  .on('pjax:start', function() { $('#main').fadeOut(200); })
  .on('pjax:end',   function() { $('#main').fadeIn(200); })

显然，你会换 #main 为你换进出内容的容器元素。

Obviously you would swap #main for the container element you're swapping content in and out of.

这篇关于Pjax动画的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！