Live Frontpage (如cursebird或foursquare)

Question

好吧，老实说，我对php/mysql有很好的经验，我刚刚开始学习jQuery，我做的很少，但有一些是使用ajax的。因此，交替使用ajax/jquery这两个术语对我来说有点令人困惑。不管怎样，正如标题所暗示的，我有一个有5个项目的网站，我想让它们移动(意思是，如果输入了一个更新的项目，删除最后一个项目，并将新的项目放在顶部)，它们是数据库表中最近的5个项目，现在我已经编写了jquery作为测试，所以它淡出最后一个项目，整个东西向下移动，在顶部腾出空间，然后在新的项目中淡出。然而，这只是一个测试，与数据库没有交互，淡入的只是一个隐藏的div。因此，jQuery部分就得到了处理。

所以我不确定该怎么做，我在想，也许可以让ajax检查一个页面上有这5个项目的原始格式的网站，如果它们更改了，然后刷新？

不是寻找一个"plz code 4me“的答案，仅仅是它如何工作的概念，或者一些链接来开始正确的开始。

编辑-另外，这5个项目是排名的，所以如果我点击项目3，我需要它无刷新地移动到项目2的上方，所以这会导致一个完整的问题，我假设。

Answer 1

丹

我在这里做了一个例子，请查看http://jsfiddle.net/yB3zY/

你可以写你的ajax获取元素等，这在jquery中很容易，假设你的ajax返回了5个项目。

var arrpropInfo = GetData();// which returns array of five items
        if (arrpropInfo.length == 5 && (!CheckIFThatItemAlreadyExists(id))){            
                arrpropInfo.unshift(id); //adds at the first location
                arrpropInfo.pop();// removes the last element 

}

你的阵列将有最新的5个项目，让我知道如果你需要任何其他信息。