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