将jquery ui-sortable位置保存到DB

use*_*163 15 php wordpress jquery jquery-ui

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

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

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

Mih*_*rga 31

使您的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});
        }
    });
});
Run Code Online (Sandbox Code Playgroud)

  • 你是否应该使用帖子而不是get,因为你正在修改服务器上的数据?此外,如果服务器保存不成功,会发生什么; 也许应该使用beforeStop方法并在服务器保存失败时对排序发出取消? (4认同)