2

このフィドルを解決するのに問題があります。制限を設定すると、ボックスを選択できなくなります。助言がありますか？？

例を示すために、次のフィドルを作成しました。

http://jsfiddle.net/dw6Hf/28

  $(function() {
    $(".selectable").selectable({
 filter: "td.cs:lt(4)",

      stop: function(){
        var result = $("#select-result").empty();
        var result2 = $("#result2");
      $('.ui-selecting:gt(31)').removeClass("ui-selecting");

     $(".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); 
      }
    });
  });

ありがとう

4

2 に答える 2

2

何を達成したいですか？どの制限について話しているのですか？で使用する場合lt(4)は、最初の 4 つのボックスのみを選択できるようにすることfilterを求めています。selectable

私はあなたのフィドルを修正しました: http://jsfiddle.net/dw6Hf/40/、あなたは以下が追加されているのを見るでしょう:-

     if($(".ui-selected").length>4)
          {
     $(".ui-selected", this).each(function(i,e){
         if(i>3)
         {
         $(this).removeClass("ui-selected");
         }
     });   
return;              
          }

これで、最大 4 つのボックスが選択されます。

更新:選択中は許可しない:- http://jsfiddle.net/dw6Hf/43/

selecting: function(i,e){
                    if($(".ui-selecting").length>4)
          {
     $(".ui-selecting", this).each(function(i,e){
         if(i>3)
         {
         $(this).removeClass("ui-selecting");
         }
     });   
return;              
          }     
        },
于 2012-06-12T06:20:31.490 に答える