使用JQuery排序列表项目

我正在尝试使用JQuery UI排序插件来允许用户通过用鼠标拖动它们来更改顺序或列表项目。有问题的页面可用here。使用JQuery排序列表项目

相关的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();

这将使用户能够重新排序的类别，通过使用 arrow image 也把他们向上或向下（当一个类的被丢弃一个AJAX请求被触发的新位置）。

上面的代码看起来相同的sortable plugin's demo page显示，但由于某些原因，它不是在所有

来源

2011-08-26 Dónal

萤火虫输出？错误讯息？，WHYT？ – nfechner

我提供了一个链接到页面本身，所以应该能够看到你自己 –

可能还有其他的问题，但第一个变化：

<script type="text/javascript" src="myPreferences_files/jquery-ui-sortable-1.js"></script> 
<script type="text/javascript" src="myPreferences_files/jquery-ui-widget-1.js"></script>

到：

<script type="text/javascript" src="myPreferences_files/jquery-ui-widget-1.js"></script> 
<script type="text/javascript" src="myPreferences_files/jquery-ui-sortable-1.js"></script>

来源

2011-08-26 19:24:34 grammar31

你有sortable.js装载widget.js前的工作。可排序取决于小部件，因此必须首先包含widget.js。只需重新排列你的脚本标签。

来源

2011-08-26 19:23:25 gilly3

外观与萤火虫您创建的网页上：有4个错误。例如：

jquery-ui-sortable-1.js:17 - Uncaught TypeError: Object function (a,b){return new e.fn.init(a,b,h)} has no method 'widget'

你确定你有jquery.ui.widget.js？

来源

2011-08-26 19:28:03 gakhov

使用JQuery排序列表项目

回答

相关问题