如何使用jQuery UI Sortable檢測DOM中的更改？

我有一個nodejs express-based + mongodb網站，我很樂意使用這個庫。我想知道的是，如何檢測元素順序的變化以保存其狀態。提交表格？ jQuery的功能？如何使用jQuery UI Sortable檢測DOM中的更改？

例如：我有一個應出現在我的about.html頁面上的段落列表。在我的CMS中，我想改變他們的順序。我進入頁面，讓我對段落進行排序，更改順序等，然後單擊保存按鈕。我保存時需要發生什麼？

我很樂意聽到任何策略或看到任何具體的例子。

來源

2013-06-25 reagan

1：如果你看看jqueryUI API文檔[here]（http ：//api.jqueryui.com/sortable/）以及如何使用sortables [here]（http://jqueryui.com/sortable/）的具體示例。 2：哪裏需要發生什麼？在你的jQuery中，node.js，express或mongodb？ – rusln

在這裏等你的出發點：http://jsfiddle.net/XsUCv/

的JS是：

$("#sortable").sortable(); 
$("#sortable").disableSelection(); 

$('input').on('click', function() { 
    var sortedIDs = $("#sortable").sortable("serialize"); 
    alert(sortedIDs); 
});

你會再需要存儲序列化的順序。當頁面下次加載時，訂單應該從db和<li> s中按照它們保存的順序打印。

來源

2013-06-25 20:58:44 Joe

酷，這是一個很好的開始，謝謝！ – reagan

如何使用jQuery UI Sortable檢測DOM中的更改？

回答

相關問題