jQuery UI Выбираемый disable

Question

Im using jQuery UI Выбирается для элементов списка в списке, но я просто хочу отключить только один элемент списка из этого 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)" 
});