使用 JQuery 对列表项进行排序
我正在尝试使用 JQuery UI Sortable 插件来允许用户通过用鼠标拖动来更改顺序或列表项。有问题的页面位于此处。
相关的 JQuery 代码位于 webapp.js 中，
$("#preferences_list").sortable({
placeholder: "placeholder",
forcePlaceholderSize: true,
update: function(event, ui) {
var order = $(this).sortable("serialize", {key:'list'});
$.post("/mypreferences/reorder/", order);
}
});
$("#preferences_list").disableSelection();
这应该使用户能够使用 
对类别重新排序向上或向下拖动它们（当类别被放到新位置时，会触发 AJAX 请求）。
上面的代码看起来与sortable插件的演示页面上显示的代码相同，但由于某种原因它是根本不工作
I'm trying to use the JQuery UI Sortable plugin to allow a user to change the order or list items by dragging them with the mouse. The page in question is available here.
The relevant JQuery code is in webapp.js
$("#preferences_list").sortable({
placeholder: "placeholder",
forcePlaceholderSize: true,
update: function(event, ui) {
var order = $(this).sortable("serialize", {key:'list'});
$.post("/mypreferences/reorder/", order);
}
});
$("#preferences_list").disableSelection();
This should enable the user to re-order the categories by using the to drag them up or down (and when a category is dropped in a new position an AJAX request is fired).
The code above looks the same as that shown on the sortable plugin's demo page, but for some reason it's not working at all
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
可能还有其他问题，但首先将：更改
为：
There may be other issues, but first change:
to:
你已经在 widget.js 之前加载了 sortable.js。 Sortable 依赖于 widget，因此必须首先包含 widget.js。只需重新排序您的脚本标签即可。
You've got sortable.js loading before widget.js. Sortable depends on widget, so widget.js must be included first. Just reorder your script tags.
用Firebug查看你创建的页面：有4个错误。例如：
你确定你有 < em>jquery.ui.widget.js？
Look with Firebug on the page you created: there are 4 errors. For example:
Are you sure you have jquery.ui.widget.js?