선택 가능한 제한 스톱

Question

제한을 선택하도록이 선택 가능한 스크립트를 만들려고합니다. 나는 선택의 제한 4.

http://jsfiddle.net/dw6Hf/51/

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

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

     // alert($(".ui-selected").length); 
      $('#divmsg').html($(".ui-selected").length*2+ " box selected") 
      if ($(".ui-selected").length > 4) { 
       //alert("Selection of only 4 allowed"); 
       $('#divmsg').html($('#divmsg').html() + ", Selection of only 4 allowed"); 
       $(".ui-selected").each(function(i, e) {     
        if (i > 3) { 

         $(this).removeClass("ui-selected"); 
        } 
       }); 
       return; 
      } 

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

이 하나가 당신을 제공해야합니다 내가 요구 사항을 이해하는 것이 지금 당신에게

Answer 1

확인 감사 인 제한 번호를 넘어 때 선택을 중지하려면 네가 요구 한 것. 정지에서 선택 가능으로 변경한다는 것은 정지가 시작된 이후가 아니라 "선택"되기 전에 결정할 수 있음을 의미합니다.

fiddle

Answer 2

이이 같은 this의

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

중복

편집 뭔가를 작동?

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

     // do not allow selecting more than four items 
     selecting: function(event, ui) { 
      if ($(".ui-selected, .ui-selecting").length > 4) { 
       $(ui.selecting).removeClass("ui-selecting"); 
      } 
     }    

     // do whatever you like with the selected 
     stop: function() { 
      var result = $("#select-result").empty(); 
      var result2 = $("#result2");    

      $('#divmsg').html($(".ui-selected").length*2+ " box selected") 

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