使用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排序列表項目

回答

相關問題