0

pjax アニメーション テキストに問題があり、コンテンツ ボックス内のリンクがアニメーション中に太字に変更されます。これは非常に厄介です。もう 1 つの問題は、アニメーションが既に終了し、その後コンテンツが変更されたときに、新しいコンテンツがまだロードされていないことがあるということです。これも私は好きではありません。コンテンツの読み込みに正確に一致するようにアニメーションの速度を変更するものが必要です..

コードは次のとおりです。

<?php if($_SERVER["HTTP_X_PJAX"]): ?>
  <div id="main">first body</div>
<?php else: ?>
  <html>
  <head>
  <script src="http://pjax.heroku.com/jquery.js"></script>
  <script src="http://pjax.heroku.com/jquery.cookie.js"></script>
  <script src="http://pjax.heroku.com/jquery.pjax.js"></script>
  <script type="text/javascript">
     $(function() {
      $('a').pjax('#main');
        $('#main').bind('pjax:start', function() {
        $('#main').animate({
          height: 'hide',
          opacity: 'hide'
        }, 'fast')
      }).bind('pjax:end', function() {
        $('#main').animate({
          height: 'show',
          opacity: 'show'
         }, 'slow')
      });
    });
  </script>
  </head>
  <body>
<?php
  $header = "this is header
  <br/> <a href='test2.php' data-pjax='main'>GO</a>";
  $date = date("Y-m-d H:i:s");
  $footer = "this is first footer";
  echo "$header<br/>$date<br /><div id='main'>first body</div><br />$footer";
?>
  </body>
  </html>
<?php endif; ?>

ここにもリンクがありますので、私が何を意味するかを見ることができます: http://www.bluereservations.com/pjax.php

4

0 に答える 0