Question

我有一个名为＆＃34;＃selectable＆＃34;的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>

拥有班级＆＃34; custType＆＃34;是分隔符，我不希望它们是可选择的，它只是将列表分成几类。

Answer 1

使用filter选项仅选择应该选择的项目：

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

在你的情况下：

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

<强> jsFiddle example

JQuery ui如何使某些元素在可选择中不可选择

1 个答案: