Question

我有几个页面（包括一个'include'php页面，其中包含我的菜单链接。我还有一个页脚'包含'php页面）。

基本上，我想到了这个流畅的动画，我称之为“小袋子”，向下动画。它基本上是一种稍微偏心的矩形，宽度为1000px。因此，每当我点击“服务”时，它就会向下缓慢播放。

除了我页面上的链接之外，我目前所拥有的顺序如下：我将脚本外部化，并且每个页面都有文本。因此，对于“服务”页面，我有我的文本，然后是“邮袋”。 “小袋”在我的页脚'包含'php页面。

这是我对动画的代码。我有一个类似的代码，适用于另一个包含更多编码的项目。但是，我认为这里的代码是正确的。问题是，如何在加载其他页面的文本之前触发此代码：

$('#services-fr-2').click(function(){
   if ( $('#green-pouch-fr').height() == 580 ) {
      $('#green-pouch-fr').animate({
         'top':'800px',
         'height':'500'
      })

换句话说，即使文字在下一页上，我也需要将小袋向下动画，然后出现文字。

Answer 1

animate函数接受动画完成后要调用的函数作为参数。

如果这个问题是在动画完成后才询问如何设置文本，你可以这样做：

 $('#green-pouch-fr').animate({
            'top':'800px',
            'height':'500'
            }, 
            {
                complete: function() {
                      $(this).text(pageContent);
                }
            }
  );

Answer 2

尝试类似：

 $.ajax(/* ajax stuff here */).done(function(data){
   $('#green-pouch-fr').animate({
     top: '800px',
     height: '500'
     }, 500, function(){
       //run your text data here
     }
   });
  });

使用JS向下动画

2 个答案: