如何在 jQuery 中实现可排序的播放列表

Question

我正在制作一个简单的音乐在线播放应用程序。我想制作一个歌曲播放列表，并且我希望播放列表中的歌曲可以排序。我计划使用 jQuery“可排序”插件。但是，我想跟踪歌曲的顺序，以便当一首歌曲结束时，我知道下一首开始哪首歌。我当前的解决方案不是创建一个在用户更改歌曲顺序时执行的事件处理程序，并实际跟踪歌曲的顺序，而是这样：

1. 跟踪当前播放的歌曲元素的
2. id歌曲结束，使用 jQuery 查找具有当前 id 的元素
3. 使用 .next() 获取下一首要播放的歌曲

此实现有什么错误吗？不断跟踪歌曲的顺序会更好吗？

Answer 1

看起来完全合适，实际上我在一个完全不相关的网站上使用了完全相同的方法。这是我获取下一个 id 的方法，我知道你说过你已经有一些工作了，但我想我还是会分享，以防有帮助：

current_id = window.my_id;
next_id = $('#' + current_id).next().attr('id');

if (next_id == undefined) {
    return; // no more siblings after it
}

// do what you need to do here with next_id to actually load the next content
// in my web apps case, it removes some elements and just changes the hash
// which another function handles

current_id = next_id;
window.my_id = current_id;

Answer 2

这确实没有什么问题。它不必保留订单的Array，每次重新排序都需要更新该订单，而不是仅在需要时（在前一曲目末尾）读取下一首曲目。