使用jQuery UI可選擇只選擇以下元素

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> 

等等。