jQuery UI Sortable

Question

我有一個問題，我有一個可排序的列表，還有一個對話框，我將添加一個任務存儲在數據庫中，當我點擊f5刷新頁面後，新添加的任務將被放置在可排序的列表上。這個工作正常。我需要使用自動刷新，以便用戶不會總是按f5來查看新添加的任務。我怎樣才能做到這一點？我使用ajax將任務存儲到數據庫中。

我已經使用.sortable（「刷新」），但它不會工作。這裏是我的代碼：

的排序列表

jQuery(".b ul").sortable({ 
connectWith: [".b ul"], 
revert: true 
}); 

阿賈克斯存儲到數據庫中

jQuery.ajax({ 
type: "POST", 
url: "add-task.php", 
data: "title="+title+"&task="+task, 
success: function(html) { 
    jQuery(".b ul").sortable("refresh"); 
} 
}); 

人誰可以幫助該代碼的代碼？謝謝，賈斯汀。

Answer 1

爲什麼不直接在列表中使用Insert/Append？

jQuery.ajax({ 
type: "POST", 
url: "add-task.php", 
data: "title="+title+"&task="+task, 
success: function(data) { 
    jQuery("<li>"+data+"</li>").appendTo(".b ul"); 
} 
});