在无序列表中，如何限制一个列表项可供选择？

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/