JQuery UI, как сделать определенные элементы в выбираемый, не выбираемый

Question

JQuery UI, как сделать определенные элементы в выбираемый, не выбираемый

0

У меня есть список выбранных элементов JQuery ui, называемых "#selectable", и есть некоторые элементы внутри выбираемого, которые я не хочу выбирать, я хочу, чтобы они были в качестве разделителей списков.

Вот пример того, как выглядит список:

<ol>
    <li class='custType'>This is a divider</li>
    <li class='ui-widget-content'>This is selectable</li>
    <li class='ui-widget-content'>This is selectable</li>
    <li class='ui-widget-content'>This is selectable</li>
    <li class='custType'>This is a divider</li>
    <li class='ui-widget-content'>This is selectable</li>
    <li class='ui-widget-content'>This is selectable</li>
</ol>

Те, у которых есть класс "custType", являются разделителями, и я не хочу, чтобы их выбирали, они просто делят список на категории.

user3616539 08 май 2014, в 16:22

Источник

Теги:

javascript

jquery

html

jquery-ui

1 ответ

Ещё вопросы

j08691 · Accepted Answer · 2014-05-08T11-31-00.000Z

Используйте параметр фильтра, чтобы выбрать только те элементы, которые следует выбрать:

$( ".selector" ).selectable({ filter: "li" });

В твоем случае:

$( "ol" ).selectable({ filter: "li.ui-widget-content" });

Пример jsFiddle