jQuery UI Sortable with .parent（）Sortable Items Criteria

Question

我在一系列div上使用可排序的jQuery UI，並且我想使.button類的divs可排序，如果它們包含具有活動類的div（即下面的第三個按鈕將無法排序）：

<div class="multibuttonset">
<div class="button">
  <div class="active">
  </div>
</div>
<div class="button">
  <div class="active">
  </div>
</div>
</div>
<div class="button">
  <div class="inactive">
  </div>
</div>
</div>

我知道使用items選項可以控制哪些項目是可排序的-我在下面獲得了該代碼：

$( "div.multibuttonset" ).sortable(
  { items: 'div.active' }
);

麻煩的是我的可排序項是.button類的div，因此當我使用上述參數時，它將使.active類的子級可排序，但使父項（.button類的div）無法排序。 有沒有辦法在.sortable的{items}選項中放置（'div.active'）。parent（）類型的表達式？

Answer 1

我認為您正在尋找的是：has-selector

$("div.multibuttonset").sortable({
    items: '.button:has(.active)'
});

演示： 小提琴