Question

当页面加载时，我用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，或者尽可能多地放入div。

之后，每隔5秒（我可以通过在Javascript中设置间隔来实现这一点），我希望通过container的最底部<div>幻灯片显示下一个，并且列表中的下一个滑到顶部（ala Foursquare.com）。如果没有更多要显示，它将进行另一个AJAX调用以获得更多，如果有更多可用，它将从底部弹出，并以相同的方式弹出顶部。

这是我的主要问题。

如何使用JQuery执行此动画？另外，我应该在哪里存储最初不适合的<div>元素（如果超过8个）？我假设如果我需要拨打更多电话，这也可以存储从第二次AJAX呼叫回来的地方。

修改：最底部container应该只滑出<div>，如果它不完全适合，否则它应该向下滑动。如果container中的{{1}}个元素少于8个，则会发生这种情况。

谢谢你们！

Answer 1

this你想要完成什么？

如果是，请点击tutorial

使用/ JQuery自动滚动Div（Foursquare Feed相似）

1 个答案: