jquery - 使用 JQUERY 每 X 秒对 Div 进行排序

Question

我有 5 个 div，每个都有倒计时器。下面的数字显然会被<br/>除的，但为了举例，我试图尽可能清楚:-)

排序前的示例

4.39
3.45
2.11
3.56
1.11

排序后的示例

4.39
3.56
3.45
2.11
1.11

而且每次倒计时显然都是0。我的想法是，当计时器达到 0 时，该 div 会自动排序并放在最后一个位置，然后再次开始。

我正在查看 Jquery 的网站，我发现那些与拖动相关的网站，这意味着您必须单击 DIV，然后自己移动它。我想通过根据计时器整理 DIVS 的方法自动实现该动画。

有人有一个代码片段，我还没有找到，我可能会觉得方便吗？ :-)

非常感谢所有帮助!谢谢!!

Answer 1

您可以使用普通的 jquery 选择器获取列表。将所有元素放入一个 ul 或其他内容中，然后使用 vanilla jquery 读取。

要进行排序，您可以使用 sort method可用于 Javascript 数组。

要将 li 项目移动到位，您可以使用重新定位然后使用一些动画(可能使用 jquery-ui 中的 position 函数)或简单地替换 的内容ul 带有 li 的排序列表

最后，要重复执行此操作，您可以使用 setInterval功能。

也可以将一些触发器绑定(bind)到 jquery-ui sortable然后只需从 setInterval 表达式中调用它即可。不过我还没试过。