如何始终将元素放在第一个位置?

时间:2019-02-05 21:52:21

标签: jquery jquery-ui

我正在使用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'
    });
});

1 个答案:

答案 0 :(得分:4)

使用sortable的stop事件,然后添加:

obj, created = Auxi.objects.update_or_create(
    id=auxi,
    defaults={
        name='The new name', 
        age=23, 
        role='The new role'}
)
obj.save()

jsFiddle example