jQuery UI可選禁用

Question

使用jQuery UI的Im可用於Ordered列表中的列表項目，但我只想禁用該列表中的一個列表項目，是他們的任何方式來做到這一點？ 這裏是我的代碼

<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)" 
});