拖放Javascript可移動標記排序？

我正在通過「drag &拖放排序」來搜索Javascript庫，例如Prototype的可排序，JQuery的可排序以及一些獨立的庫。拖放Javascript可移動標記排序？

我的功能，我找不到（但知道它在那裏）是，我想不出一個更好的詞，「延遲」排序，以便當我移動項目周圍的項目，它會不會立即移動，但會出現一條線或其他類型的標記，以顯示物品最終放置的位置，如果我現在放棄它，則會顯示。例如，在開始菜單中移動項目時，可以在Windows中找到此功能。

有人可以指向我可以做到這一點的Javascript解決方案嗎？對於當前的項目，原型或獨立將是首選，但JQuery也不錯。

來源

2009-12-08 Pekka 웃

看一看script.aculo.us Sortables and property called ghosting。
http://wiki.github.com/madrobby/scriptaculous/sortables-create

來源

2009-12-08 13:31:18

Sortables絕對可以用於這類任務，我已經使用它們來實現此功能。 – 2009-12-08 13:32:46

鬼影和這裏提到的補丁：http://wiki.github.com/madrobby/scriptaculous/sortable-create正是我所期待的，非常感謝！ – 2009-12-08 13:51:19

我使用jQuery在我的一個項目中執行此操作。
在列表元素，可以說一元，我給你的類排序：

<ul class="sortable">

然後我一個JavaScript函數是這樣的：

$(function() { 
$(".sortable").sortable({ 
    placeholder: "placeholder-sortable", 
    update: function(event, ui) { 
     var listElements = $(this).sortable('toArray'); 
     //Your code 
    } 
}); 
$(".sortable").disableSelection();

有了這個新的訂單保存進入變量listElements，其中存儲了不同的li項目的id。

來源

2015-09-02 15:21:06 dbonfill

拖放Javascript可移動標記排序？

回答

相關問題