javascript - jQuery UI 中的可选过滤

Question

我要过滤<div>此列表项中的子项不会被选中，只有整个 <li> .

HTML 结构如下:

<ul id="selectable">
   <li>
     <div id="1"></div>
     <div id="2"></div>
   </li>
   <li>
     <div id="1"></div>
     <div id="2"></div>
   </li>
   ...
</ul>

jQuery 将是:

var foo = $('#selectable').selectable({
    filter: " > div"
});

但它不起作用，碰巧...如果我不进行任何过滤，我会选择 <div>在里面，特别是<div>与 id=2选择了容器外的那个，这太糟糕了!这是一个屏幕截图，因此您可以理解我在说什么:

看到“关于”文本也被选中了吗？我该如何解决这个问题？

Answer 1

试试这个，

var foo = $('#selectable').selectable({
    filter: " li " // li in place of div
});