jQuery UI可选禁用

Question

我使用jQuery UI Selectable可用于有序列表中的列表项，但我只想禁用该ol中的一个列表项，是他们的任何方式吗？ 这是我的代码

<ol id="selectable"> 
   <li>enable & selectable</li>
   <li>enable & selectable</li>
   <li>enable & selectable</li>
   <li>disable & not selctable</li>
</ol>
<script type="text/javascript">
   $( "#selectable" ).selectable();
</script>

Answer 1

可选小部件提供filter选项，可用于包含匹配元素的子级：

$("#selectable").selectable({
    filter: ".something" //Give the elements to be selectable a class
});

您的HTML看起来像这样：

<ol id="selectable"> 
   <li class="something">enable & selectable</li>
   <li class="something">enable & selectable</li>
   <li class="something">enable & selectable</li>
   <li>disable & not selctable</li>
</ol>

这是working example。

如果您要排除的li始终是最后一个，例如您的示例，则可以避免向每个li元素添加一个类，并使用:not和:last选择器：

$("#selectable").selectable({
    filter: "li:not(:last)"
});