Javascript jquery可排序/可选择：筛选子控件

我有一个包含嵌套div的div，如下所示：

<div id="tree" class="tree">
<div class="node"><div class="handle"></div>Node 1<div class="ignore"></div>
<div class="node"><div class="handle"></div>Node 2<div class="ignore"></div>
<div class="node"><div class="handle"></div>Node 3<div class="ignore"></div>
</div>

我正在使用jQueryUI的“可排序”行为，以便用户可以对列表进行重新排序。问题是，当用户使用类“ignore”单击一个div时，“可选”突出显示将移动到该div。我想过滤可选和可排序的行为，以便它们只捕获.node集，忽略.ignore测试，因为它包含一个工具箱，其控件不再接受单击

建议？

对于sortable（），您可以指定要捕获的项目

$('.tree').sortable({
  handle: '.handle',
  items: 'div:not(.ignore)'
});

我没有用过它，但它看起来有一个过滤器选项。也许可以试试这个：

$('.tree').selectable({
  filter: 'div:not(.ignore)'
});

$('.tree').selectable({
  filter: 'div:not(.ignore)'
});