このjqueryグリッド選択オブジェクトをデフォルトの複数選択にする方法はありますか？

Question

http://jqueryui.com/demos/selectable/#display-grid

ImはjQueryの選択（上記のリンク）を使用しますが、ユーザが複数の項目を選択するには、下のコントロールボタンを保持するために持っている...は、そのユーザがコントロールボタンを押しせずに複数の項目を選択することができますとにかくありますか？

他の言い方をすると、ユーザーは項目をクリックして選択し、再度クリックして選択解除できるようにします。

どのような考えですか？

$('#selectable').bind("mousedown", function(e) { 
    e.metaKey = true; 
}).selectable()​;​ 

：リンク上の例から

Answer 1

、あなたはあなたが押されるCtrlキーをシミュレートするために、マウスダウンにmetaKeyを設定することができますトグル

<style> 
#feedback { font-size: 1.4em; } 
#selectable .ui-selecting { background: #FECA40; } 
#selectable .ui-selected { background: #F39814; color: white; } 
#selectable { list-style-type: none; margin: 0; padding: 0; } 
#selectable li { margin: 3px; padding: 1px; float: left; width: 100px; height: 80px; font-size: 4em; text-align: center; } 
</style> 
<script> 
$(function() { 
    $('#selectable li').bind('mouseup', function(e) { 
     $(e.target).removeClass('ui-selecting'); 
     var selected = $(e.target).attr('data-selected'); 
     if (selected) { 
      $(e.target).attr('data-selected', null); 
     } else { 
      $(e.target).addClass('ui-selected'); 
      $(e.target).attr('data-selected', true); 
     } 
    }); 
    $('#selectable li').bind('mousedown', function(e) { 
     $(e.target).removeClass('ui-selected'); 
     $(e.target).addClass('ui-selecting'); 
    }); 
}); 
</script> 

Answer 2

としての要素を変更するには、スクリプトを変更することができますこのDEMOを参照してください。