Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery UI可与位置绝对列表元素排序_Javascript_Jquery_Html_Css_Jquery Ui Sortable - Fatal编程技术网

Javascript jQuery UI可与位置绝对列表元素排序

Javascript jQuery UI可与位置绝对列表元素排序,javascript,jquery,html,css,jquery-ui-sortable,Javascript,Jquery,Html,Css,Jquery Ui Sortable,我想在我的应用程序中使用UI Sortable进行绝对定位。请帮帮我 我有一些列表元素,它们有自己的位置,如: <div class="sort"> <div class="list" style="top:0px; height:30px;">List 01</div> <div class="list" style="top:35px; height:50px;">List 02</div> <div

我想在我的应用程序中使用UI Sortable进行绝对定位。请帮帮我

我有一些列表元素,它们有自己的位置,如:

<div class="sort">
    <div class="list" style="top:0px; height:30px;">List 01</div>
    <div class="list" style="top:35px; height:50px;">List 02</div>
    <div class="list" style="top:90px; height:80px;">List 03</div>
    <div class="list" style="top:175px; height:60px;">List 04</div>
    <div class="list" style="top:240px; height:30px;">List 05</div>
</div>
一旦我们排序,顶部位置应该以元素样式更新


请检查小提琴:

绝对定位是一项要求吗?是的。这是应用程序必须的。在查看了jQuery UI.sortable()函数的代码之后,它似乎不是为处理这种情况而设计的。因此,我将提出一个问题,然后提供一个备选方案。首先,为什么此应用程序必须使用绝对位置?难道不可能只使用一个列表,给每个元素一个5像素的底边距吗?第二,我能看到的唯一其他选择是使用.draggable()和.droppable()自己实现一个可排序函数,但它将是一个熊。
$(function(){
    $('.sort').sortable();
});