2013-07-04 119 views
0

对于我的网站,我使用了pjax。我想添加淡入和淡入淡出的动画页面。Pjax:将内容添加到内容

我试图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

改变我做得不对的ID?

请帮帮忙,谢谢

+1

请张贴更多代码,很难判断您发布的有限代码片段有什么问题。您可以使用[JS Bin](http://jsbin.com/)或[jsFiddle](http://jsfiddle.net/)发布更加完整的示例。 – Marcel

回答

0

可能是你需要关闭 “})”

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

对不起,我的错误我已经有了我的代码。它发生在应用粘贴在这里 –

+0

有什么我可以做错了吗?请帮忙。我一直在尝试这个小时 –

0

是否调整你的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> 
+0

仍然无法正常工作。 :(我正在使用jquery-1.8.3 –

+0

请帮忙,我正在撕掉我的头发 –