将jquery ui-sortable位置保存到DB

Question

我试图为一个拥有小型网络电台的朋友复制这个页面的功能(http://www.kissfm.ro/fresh-top-40/).该网站是在wordpress fyi中设置的.

所以我的问题是,在搜索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});
        }
    });
});