Sortablejs -如何从排序中排除元素

Question

使用Sortable.js时，我试图只让Collapsible elements改变它们的顺序，这样，如果我将元素#1移到元素#2的位置，它们不会影响它们之间的绿线。我已经尝试了filter选项，但它只是阻止了我的绿色线条元素是可拖动的，但我可以将任何我想要阻止的元素放在它的位置。有没有可能用这样的库做？

​

​

Answer 1

由于我提到了使用交换，这里有一个可能有效的演示(我知道现在已经很晚了，但需要注意)

​

Sortable.create(list, {
  draggable: ".list-group-item",
  filter: ".divider",
  swap: true,
  swapClass: "highlight",
  animation: 150,

});

body {
  padding: 1em;
  text-align: center;
}

.highlight {
  background-color: #f9c7c8 !important;
}

.divider {
  height: 20px;
  background: green;
  width: 3px;
  margin-left: 50%
}

<script src="https://raw.githack.com/SortableJS/Sortable/master/Sortable.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" />

<div id="list" class="list-group">
  <div class="list-group-item">Item 1</div>
  <div class="divider"></div>
  <div class="list-group-item">Item 2</div>
  <div class="divider"></div>
  <div class="list-group-item">Item 3</div>
</div>

​