0

選択可能な行を 6 行に制限しようとしていますが、機能させることができません。どんな助けでも!! 

<script>
$(function() {
  $(".selectable").selectable({
      filter: "td.cs",


      stop: function() {
          var result = $("#select-result").empty();
          var result2 = $("#result2");
          $(".ui-selected", this).each(function() {

              var cabbage = this.id + ', ';
              result.append(cabbage);
          });

          var newInputResult = $('#select-result').text();
          newInputResult = newInputResult.substring(0, newInputResult.length - 1);
          result2.val(newInputResult);
      }
  });
 });​
 </script>

前もって感謝します！！！

4

1 に答える 1

4

selectingイベントコールバックを使用して、次のようにこれを行うことができます

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

働くフィドル

参考：イベントの選択

于 2012-05-30T13:20:58.017 に答える