0

我有几个页面（包括一个包含我的菜单链接的“包含”php 页面。我还有一个页脚“包含”php 页面）。

基本上，我想有这个流畅的动画，我称之为“袋子”的动画向下。它基本上是一种稍微花哨的矩形，宽度为 1000 像素。因此，例如，每当我单击“服务”时，它的动画就会足够缓慢地向下移动。

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

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

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

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

4

2 回答 2

0

尝试类似：

 $.ajax(/* ajax stuff here */).done(function(data){
   $('#green-pouch-fr').animate({
     top: '800px',
     height: '500'
     }, 500, function(){
       //run your text data here
     }
   });
  });
于 2013-10-15T00:48:55.743 回答
0

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

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

 $('#green-pouch-fr').animate({
            'top':'800px',
            'height':'500'
            }, 
            {
                complete: function() {
                      $(this).text(pageContent);
                }
            }
  );
于 2013-10-15T00:41:23.823 回答