Pjax：添加动画内容 [英] Pjax: add animation to content

问题描述

有关我的网站，我用pjax。我想淡出和淡入动画添加到网页。

For my website i used pjax. I wants to add fadeout and fadein animations to pages.

我试过这个StackOverflow的答案

我的code是

<script type="text/javascript">

// invoke pjax
        $(function(){           
          $('div#header-menu a').pjax('#master-div')            
        })
// do animation
  $(document).on('pjax:start', function() { $('#content').fadeOut(1000); })
  $(document).on('pjax:end',   function() { $('#content').fadeIn(1000);})
    </script>

内容是DIV的是不断pjax更改ID

'content' is the id of div that keeps changing on pjax

我是做错了什么？

请帮忙，
谢谢

Please help, Thanks

推荐答案

是否调整您的JS有点像这样帮助的？

Does tweaking your JS a little like this help any?

<script type="text/javascript">
  $(function(){           
    // invoke pjax
    $('div#header-menu a').pjax('#content')            
    // do animation
    $(document).on('pjax:start', function() { $('#content').fadeOut(1000); })
    $(document).on('pjax:end',   function() { $('#content').fadeIn(1000);})
  })
</script>

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