jQuery - html5sortable - 使用Ajax

时间:2017-07-01 16:28:56

标签: javascript jquery html5 jquery-ui-sortable

HTML:

<ul class="sortable">
                            <li id="1">Strona Główna</li>
                            <li id="4">Kategorie</li>
                            <li id="6">Spis Treści</li>
                            <li id="7">Współpraca</li>
                            <li id="8">Kontakt</li>
                        </ul>

我使用jquery的html5sortable插件来使用排序列表。 从这里开始:http://farhadi.ir/projects/html5sortable/

当我使用这个脚本时:

$('.sortable').sortable();
        $('.sortable').bind('sortupdate', function() {
                alert(1);
        });

它完美无缺,我可以对列表进行排序,拖动工作。当我做出更改警报(1)时。

但是当我将脚本更改为:

$('.sortable').sortable();
        $('.sortable').bind('sortupdate', function() {
                $.ajax({
                    data: data,
                    type: 'POST',
                    url: 'update-menu',
                    dataType: 'json';
                });
        });

现在我甚至无法拖动元素,这完全不可能。我无法弄清楚这里发生了什么......

1 个答案:

答案 0 :(得分:1)

这里有语法错误:

                dataType: 'json';

删除分号。