2012-05-30 88 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

當用戶選擇六個以上的元素時,你想要做什麼? –

+0

jsfiddle.net/dw6Hf/28你可以看到這裏有什麼問題 – user1421432