Question

我的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

Jquery文本样式和加载

0 个答案: