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

JQuery ui how to make certain elements in a selectable not selectable

本文关键字：元素 ui 何使某 JQuery      更新时间：2023-09-26

我有一个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"的是分隔符，我不希望它们是可选的，它只是将列表划分为类别。

使用过滤器选项只选择那些应该是可选择的项:

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

在你的例子中:

$( "ol" ).selectable({ filter: "li.ui-widget-content" });
<<p> jsFiddle例子/strong>
相关文章：