php - 将 jquery ui 可排序位置保存到数据库

Question

我正在尝试为拥有小型网络 radio 的 friend 复制此页面 (http://www.kissfm.ro/fresh-top-40/) 的功能。该站点是在 wordpress 中设置的，供引用。

所以我的问题是，在搜索 stackoverflow 之后，如何根据用户输入保存/获取修改后的图表？我找到了如何保存单个提交，但我如何根据用户选择获得最终图表？

提前致谢!(代码或教程链接欢迎!)

Answer 1

使您的 HTML 可排序，添加 javascript，并在更新时保存到 php。

<ul id="sortable">
    <li id="1">elem 1</li>
    <li id="2">elem 2</li>
    <li id="3">elem 3</li>
    <li id="4">elem 4</li>
</ul>

$(document).ready(function(){
    $('#sortable').sortable({
        update: function(event, ui) {
            var newOrder = $(this).sortable('toArray').toString();
            $.get('saveSortable.php', {order:newOrder});
        }
    });
});