2

大丈夫です。次のスニペットがあるとしましょう:

<div id="container">
    <div class="content" >A</div>
    <div class="content" >B</div>
    <div class="content" >C</div>
    <div class="content" >D</div>
    <div class="content" >E</div>
    <div class="content" >F</div>
</div>

さて、私が実行したとしましょう:

$('.content').selectable( {} );

私のジレンマ:

たとえば、ドラッグしていてなげなわツールが表示されるときはいつでも、4 つの div だけを選択したいとします。つまり、div の外観が左から右にあるとします。

ABCDEF

なげなわは A から始まり、右に移動します。D をカバーすると、4 の制限に達します。E と F にカーソルを合わせると、これらは選択できなくなります。

4

1 に答える 1

4

選択イベントにバインドし、既に 4 つの項目が選択されている場合はキャンセルします。

$( "#selectable" ).selectable({
   selecting: function(event, ui) { 
     if ($(".ui-selected, .ui-selecting").length > 4) {
       $('.ui-selecting').removeClass("ui-selecting");
     }
   }
});

編集: iPadから刺しただけだったので、コードスニペットを修正しました。これもあなたが望むものの動作するjsfiddleです:http://jsfiddle.net/fordlover49/MRphL/

于 2012-01-30T03:02:34.677 に答える