Javascript 使用JS向下设置动画

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

基本上，我想做一个平滑的动画，我称之为“小袋”，向下动画。它基本上是一种更为奇特的矩形，宽度为1000px。因此，每当我点击“服务”，例如，它将动画足够慢向下

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

这是我的动画代码。我有一个类似的代码，在另一个项目，其中包括更多的编码工作。但是，我假设这里的代码是正确的。问题是，如何在加载其他页面的文本之前触发此代码：

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

---

换句话说，即使文本在下一页上，我也需要邮袋向下设置动画，然后显示文本。

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

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

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

尝试以下方法：

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

---

这难道不只是刷新页面以查看新数据吗？我对ajax一点也不熟悉。使用过几次，但还不足以知道如何编写代码。否则，如何根据操作从另一个页面获取数据？AJAX不会刷新整个页面，就像部分提交一样。将对象传递给

$.ajax（）

方法。您可能希望点击ctrl+f并插入以下内容：

将一些数据保存到服务器，并在完成后通知用户。

。这个例子应该会有所帮助。我用ajax尝试了一些东西，这里的这个似乎是最符合逻辑的。我知道这是错的。但是，我不认为这有什么不好的逻辑。也许你可以看看。请注意，服务页面是第二个页面（基本上，主页在a href上有一个onClick。但在fiddle上的是服务页面，以及js文件和css文件）。我在更新了你的小提琴，让你更好地了解它的工作原理。当然，如果您位于

url:page.php

的页面依赖于当前页面上的数据，那么您需要包含

data:JSONobject

，该数据将发送到您的php页面。如果你仍然不明白，亲自去问别人，也许会有帮助。这是一本好书。它教授HTML、CSS、JavaScript和PHP。我按照你的建议试过了。顺便说一句，页面内容，应该和页面内容本身一起引用？假设我做得对，什么也不会发生。另外，您的代码是否确实尝试在同一页面上执行此操作？或者在下一页。因为当我点击一个链接时，它实际上是另一个页面。因此，它可能在下一页登陆时从未完成操作？@Midevil-Chaos-我假设“pageContent”是一个变量，显示您想要显示的任何内容。一个是“另一个页面”问题，可能是您的单击处理程序正在触发回发。请参阅下面我的评论（PHPglue的评论）。我验证了你的两个链接，并且在我有tonite的时候尽可能地理解了。希望小提琴上的东西意味着我在正确的轨道上。顺便说一句，当你说变量时，你是说我应该在这个上下文中创建一个变量吗？如果是的话，你能详细说明在这种情况下它的有用性和实际使用情况吗？（没有讽刺）