Pjax：为内容添加动画

Question

对于我的网站，我使用了pjax。我想将fadeout和fadein动画添加到页面。

我尝试了this stackoverflow answer

我的代码是

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

＆＃39;内容＆＃39;是不断改变pjax的div的id

我做错了吗？

请帮忙， 感谢

Answer 1

可能需要关闭“}）”

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

Answer 2

调整你的JS有点像这样帮助吗？

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