Javascript jQuery UI可选：仅绑定到第一代子代

我有一组我想选择的元素

jQueryUISelectable似乎是正确的工具，但我遇到了一些问题，即功能似乎绑定到所有子元素，并且应用了所有类

我想确保事件的类和绑定只应用于第一代子级，而不是它们的嵌套元素

下面是一个JSFIDLE，它应该有助于说明我试图阻止的内容：

代码 HTML

Css（仅用于说明）

使用该选项

---

演示：

也许我太笨了，但我不明白问题所在……太完美了！我应该坐下来读文档，直到我理解了它，这让我很恼火。谢谢

<div id="group">
    <div class="unit">
        <h2>Title</h2>
        <div class="content">
            Dulce et decorum
        </div>
    </div>
    <div class="unit">
        <h2>Title</h2>
        <div class="content">
            Dulce et decorum
        </div>
    </div>
    <div class="unit">
        <h2>Title</h2>
        <div class="content">
            Dulce et decorum
        </div>
    </div>
    <div class="unit">
        <h2>Title</h2>
        <div class="content">
            Dulce et decorum
        </div>
    </div> </div>

$(document).ready(function(){
    $('#group').selectable();
});

#group{padding: 12px;}
h2{font-size: 1.2em;margin: 2px 0;}
.unit{background: blue;}
.ui-selected{background: yellow;}

$(document).ready(function(){
    $('#group').selectable({
        filter: " > div"
    });
});