Verwenden Sie jQuery UI Wählbar, um nur folgende Elemente auszuwählen

Question

Ich habe eine Tabelle mit einigen Zeilen und Zellen. Verwenden von jQuery UI Wählbar, wie die Auswahl so angepasst werden kann, dass nur aufeinanderfolgende Zellen ausgewählt werden können. Es sollte nicht möglich sein, Zellen vertikal über Zeilen auszuwählen, ohne die Zellen dazwischen auszuwählen.

Irgendwelche Lösungen?

Answer 1

Verwenden Sie den Callback selected, um dem ausgewählten Element eine Klasse hinzuzufügen; Die Klasse, die Sie verwenden werden, um .selectable() zu verknüpfen. Sie können dann die next siblings selector in Kombination damit verwenden, und Sie sollten in der Lage sein zu erreichen, was Sie brauchen.

Um zu beginnen, Sie so etwas wie die folgenden wollen gehen:

<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> 

Dann wird, wie Sie eine auswählen, die den Rückruf ausgelöst wird, können Sie die zweite selektierbare machen wollen.

<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> 

Und so weiter.