Question

我在一系列div上使用jQuery UI可排序，如果它们包含带有活动类的div（即下面的第三个按钮不可排序），我想使.button类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)'
});

演示：Fiddle

jQuery UI可以使用.parent（）排序项目标准进行排序

1 个答案: