jquery - 使用 .parent() 可排序项目标准的 jQuery UI 可排序

Question

我在一系列 div 上使用可排序的 jQuery UI，如果 .button 类 div 包含具有活动类的 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)'
});

演示：小提琴