0

我的 pjax 动画文本有问题，并且在动画过程中内容框中的链接变为粗体，这非常令人不安。另一个问题是，当动画已经结束并且内容改变之后，有时新内容还没有加载，我也不喜欢。我需要一些可以改变动画速度以完全匹配内容加载的东西..

这是代码：

<?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