Question

我有一个包含一些行和单元格的表。使用jQuery UI可选择如何自定义选择，以便只能选择彼此跟随的单元格。不应在行之间垂直选择单元格而不选择单元格之间的单元格。

任何解决方案？

Answer 1

使用selected回调向所选元素添加类;您将用于绑定.selectable()的类。然后，您可以将next siblings selector与此结合使用，您应该能够完成所需的工作。

首先，您需要以下内容：

<ol>
    <li class="ui-widget-content ui-selectee">Item 1</li>
    <li class="ui-widget-content">Item 2</li>
    <li class="ui-widget-content">Item 3</li>
    <li class="ui-widget-content">Item 4</li>
    <li class="ui-widget-content">Item 5</li>
    <li class="ui-widget-content">Item 6</li>
    <li class="ui-widget-content">Item 7</li>
</ol>

然后，当您选择一个将触发回调时，您想要选择第二个。

<ol>
    <li class="ui-widget-content ui-selectee ui-selected">Item 1</li>
    <li class="ui-widget-content ui-selectee">Item 2</li>
    <li class="ui-widget-content">Item 3</li>
    <li class="ui-widget-content">Item 4</li>
    <li class="ui-widget-content">Item 5</li>
    <li class="ui-widget-content">Item 6</li>
    <li class="ui-widget-content">Item 7</li>
</ol>

等等。

使用jQuery UI Selectable仅选择以下元素

1 个答案: