7

因此,当页面像这样加载时,我使用 JQuery 调用记录:

$.ajax(
        {
            type: "POST",
            url: "<%= Url.Action("GetRecords", "Home") %>",
            data: sessioninfo,
            success: function(data){
                // data == the divs
              }
        });

返回的data可以是任意数量的<div>元素(0 个或更多)。

我的页面上也有一个<div id="container">。我想在 AJAX 调用之后,<div>将从调用返回的 8 个元素放入container,或者如果少于 8 个,则尽可能多。

之后,每 5 秒(我可以通过在 Javascript 中设置一个间隔来做到这一点),我想通过让最底部div滑出来显示下一个container,并且列表中的下一个滑到顶部(ala Foursquare .com)。如果没有更多可以显示,它将进行另一个 AJAX 调用以获取更多,如果有更多可用,它将从底部弹出,并以相同的方式弹出顶部。

这是我的主要问题。

我怎样才能用 JQuery 做这个动画?另外,我应该在哪里存储<div>最初不适合的元素(如果超过 8 个回来)?我假设如果我需要拨打更多电话,这也是存储从第二次 AJAX 电话返回的电话的地方。

编辑:如果它不完全适合,最底部<div>应该只滑出container,否则,它应该只是滑下来。如果. <div>_container

多谢你们!

4

1 回答 1

3

这是想要完成的吗?

如果是,请按照教程进行操作

于 2011-05-17T21:19:21.910 回答