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> 

を次に、あなたがコールバックを起動します1を、選択すると、2番目の選択をしたいです。

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

など。