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> 

'содержание' является идентификатором DIV, который постоянно меняется на pjax

я делаю что-то не так?

Пожалуйста, помогите, Спасибо

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>