PHP ajax with jquery slidedown
PHP ajax with jquery slidedown
提问于 2012-04-09 13:16:20
我有一个复杂的PHP难题。我在我的数据库中有一个不断更新的表(让我们称之为表)，每秒添加多个记录，这些结果将使用PHP on a page (page.php)使用AJAX发布。
显示的最大帖子数量是每三秒1个，我有一个相关性算法。我不知道如何将jquery转换与表中不断更新的记录合并(通过AJAX获得).The我想出的最好的方法并不比hack好多少，也不能容纳无限数量的帖子。
Jquery：
$(#5).delay(1000).slideDown(700);
$(#4).delay(4000).slideDown(700);
$(#3).delay(8000).slideDown(700);
$(#2).delay(12000).slideDown(700);
$(#1).delay(16000).slideDown(700);PHP:不需要
HTML：
<div id='5' class='post'></div>
<div id='4' class='post'></div>
<div id='3' class='post'></div>
<div id='2' class='post'></div>
<div id='1' class='post'></div>我不知道如何处理AJAX。
任何帮助都将不胜感激，
谢谢
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-04-09 13:24:45
如果你的问题仅仅是如何向下滑动最新的附加div，试试这个：
HTML：
<div id="updatePanel">
<div id='div5' class='post'></div>
<div id='div4' class='post'></div>
<div id='div3' class='post'></div>
<div id='div2' class='post'></div>
<div id='div1' class='post'></div>
</div>注意:以数字开头的id属性无效。
jQuery
setInterval(getData, 3000);
function getData() {
// call ajax, get data.
// success: function () {...
var id = parseInt($("#updatePanel div:first").attr("id").replace("div", "")) + 1;
$div = $("<div></div>").attr("id", id)
.addClass("post")
.text(dataFromAJAX)
.css("display", "none") // change this to be a class - this is just to make it clear.
.prependTo("#updatePanel")
.slideDown();
}Stack Overflow用户
发布于 2012-04-09 13:22:44
我不确定，但这基本上是每三秒检查一次新帖子，然后用幻灯片显示它们吗？
如果是这样的话，一旦你用ajax拉出了新的帖子，将代码附加/预先添加到包装器容器中，将div预置为隐藏，然后向下滑动它。
我可以帮助代码，如果这是你想要的，但你需要张贴你的ajax，这样我可以有一个更好的想法。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10073760
复制相关文章
相似问题
腾讯云开发者
