jquery-ui - 在无序列表上，如何限制一个列表项是可选的？

Question

我的情况的简要概述是：

<ul id="selectable">
  <li class="table" id="header-row">
    <ul class="row">
      ...
    </ul>
  </li>
  <li class="table">
    <ul class="row">
      ...
    </ul>
  </li>
  ...
</ul>

如何禁用li#header-row可选择？

Answer 1

您可以使用过滤器选项来包含（或使用:not、排除）选项

$("#selectable").selectable({
    filter: ":not(#header-row)"
});

JSFiddle：http: //jsfiddle.net/M7pmU/