jquery - Pjax: add animation to content

Question

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

I tried this stackoverflow answer

My code is

<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>

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

Am i doing something wrong?

Please help, Thanks

Answer 1

may be you need to close " }) "

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