Sortable拖拽 ?

Question

Sortable 怎么实现 拖拽列 不拖拽行
比如我把 value11 拖拽到 value22 的位置 最后结果如图 拖拽元素和目标元素交换位置

最后结果

Answer 1

你的数据是个数组吧 前面位置用数组下标+1展示就好了 拖动不影响前面展示

Answer 2

直接用 handle 属性就好了呀，指定为后面的 .value 元素。

#handle - SortableJS

<div id="example" class="list-group">
  <div class="list-group-item"><span>Label1</span><span class="handle">value11</span></div>
  <div class="list-group-item"><span>Label2</span><span class="handle">value22</span></div>
  <div class="list-group-item"><span>Label3</span><span class="handle">value33</span></div>
  <div class="list-group-item"><span>Label4</span><span class="handle">value44</span></div>
  <div class="list-group-item"><span>Label5</span><span class="handle">value55</span></div>
  <div class="list-group-item"><span>Label6</span><span class="handle">value66</span></div>
</div>
<script>
const el = document.getElementById('example');
new Sortable(el, {
    handle: '.handle', // handle's class
    animation: 150
})
</script>

Answer 3