我正在开发一个简单的建议投票系统,用户可以在其中 +1 或 -1 建议(与堆栈溢出率问题的方式类似)。
这些建议显示在一个长表中,+1 或 -1 是通过 ajax 完成的,因为该表按项目拥有的投票数量排序,当一个项目为 +1 或 -1 时,该表失去顺序。
我知道我可以使用表格排序器 jQuery 插件来解决这个问题,但它很容易丢失你 +-'d 的项目,你知道如何在跟随它时在表格中向上/向下移动行吗? (也许类似于在 iPhone 上完成订购的方式?)带有流畅的动画?
谢谢你的时间,
最佳答案
我设法使用一些库解决了这个问题,并使它看起来很不错。实际上发生的事情是在后台制作了一个重复的表,然后应用了动画并交换了两个表。
查看 http://jsfiddle.net/NP4t3/1/ 并投票赞成或反对人们!
它基于 http://www.scottlogic.co.uk/2011/01/animating-html-ranking-tables-with-javascript/ 的工作,然后我添加了自动排序!
所有代码都在 fiddle 中(包括库的),希望这对某人有用!
关于jQuery移动表格行 - 漂亮的效果,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/10832363/