我正在使用Jquery UI连接列表,因此可以将元素从一个列表排序到另一个列表。我唯一的问题是,无论我拖动到哪里,我都不知道如何始终将元素放在第一个位置。如果我从一个列表拖动到另一个列表,则希望该元素在该列表中的第一位置。
我已经设置了所有内容,并创建了jsfiddle文件。
https://jsfiddle.net/chille1987/nvyztwku/14/
<div class="flex">
<ul id="sortable1" class="column">
<li class="ui-state-default">Item 1</li>
<li class="ui-state-default">Item 2</li>
<li class="ui-state-default">Item 3</li>
<li class="ui-state-default">Item 4</li>
</ul>
<ul id="sortable2" class="column">
<li class="ui-state-default">Item 1</li>
<li class="ui-state-default">Item 2</li>
<li class="ui-state-default">Item 3</li>
<li class="ui-state-default">Item 4</li>
</ul>
</div>
$( function() {
$('.column').sortable({
connectWith: '.column'
});
});
使用sortable的stop事件,然后添加:
$(function() {
$('.column').sortable({
connectWith: '.column',
stop: function(event, ui) {
$(ui.item).prependTo($(ui.item).parent())
}
});
$("#sortable1 li, #sortable2 li").disableSelection();
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句