因此,当页面像这样加载时,我使用 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
多谢你们!