0

私のウェブサイトでは、pjax を使用しました。ページにフェードアウトとフェードインのアニメーションを追加したいと考えています。

私はこのスタックオーバーフローの答えを試しました

私のコードは

<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' は pjax で変化し続ける div の ID です

私は何か間違ったことをしていますか?

助けてください、ありがとう

4

2 に答える 2

0

" }) " を閉じる必要があるかもしれません

  .on('pjax:start', function() { $('#main').fadeOut(200); })
  .on('pjax:end',   function() { $('#main').fadeIn(200); **})**
于 2013-07-04T07:50:43.640 に答える
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>
于 2013-07-04T10:06:51.553 に答える