2012-05-30 4 views
0

6 개의 선택 가능한 행의 한도를 추가하려고하는데 작동하지 못합니다. 어떤 도움!jQuery 선택 가능한 한도

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

미리 감사드립니다.

+1

어떤 행동 일곱 번째 요소가 시도 될 때 당신이 기대? 첫 번째 선택을 취소 하시겠습니까? 액션을 무시 하시겠습니까? 사용자가 최대 허용 한도에 도달했음을 알리는 메시지를 표시 하시겠습니까? –

답변

4

당신은 다음과 같이이 작업을 수행 할 selecting 이벤트 콜백을 사용할 수 있습니다

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

Working Fiddle

참조 : selecting event

+0

은이 코드를 사용하여 작성하려고했으나 두 가지를 결합하여 관리 할 수는 없습니다. 어떻게 생각하십니까? – user1421432

+0

사용자가 6 개 이상의 요소를 선택할 때 수행 할 작업은 무엇입니까? –

+0

jsfiddle.net/dw6Hf/28 여기에서 문제가 무엇인지 확인할 수 있습니다. – user1421432

관련 문제