我正在搜索“拖放可排序的”Javascript库,例如Prototype的可排序,JQuery的可排序,以及许多独立的。
我的功能是我找不到(但知道它在那里)是,我想不出更好的词,“延迟”排序,这样当我在列表上移动项目时,它不会立即移动,但会出现一条线或其他类型的标记,显示如果我现在放弃该项目将会结束的位置。例如,在开始菜单中移动项目时,可以在Windows中找到此功能。
有人能指出我可以做到这一点的Javascript解决方案吗?原型或独立版本对于当前项目来说是首选,但JQuery也很好。
答案 0 :(得分:3)
查看script.aculo.us名为 ghosting 的Sortables和属性。
http://wiki.github.com/madrobby/scriptaculous/sortables-create
答案 1 :(得分:1)
我使用jQuery在我的一个项目中执行此操作。
在list元素上,让我们说一个元素,我赋予class sortable:
<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。