実装が複数の選定とjQuery UIで選択可能

Question

誰でもできるので助けてくれ使用しjquery uiで選択可能な図書館を以下の機能を

• 許可ユーザが複数の項目を選択し、マウスのクリック
• デ項目を選択の場合は選択されているのでマウスをクリック

Answer 1

これは回避されています 別の質問, 、しかし、Googleを介してこれを見つけた人のためにここで再投稿しています。 jqueryで「Mousedown」イベントをバインドし、そこにMetakeyを設定すると（ユーザーがCtrl/CMDキーを保持しているかのように）、選択可能な呼び出しを呼び出すと、すでに設定されています。

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

Answer 2

選択可能ではありませんが、これにより、すでに持っているセットアップで必要な動作が得られます。

それ以外の

$( "#selectable" ).selectable()

試す

$(".ui-widget-content").click( function() {
    $(this).toggleClass("ui-selected");
});

Answer 3

チェックしましたか 選択可能なデモページ？あなたはすでにこれを行うことができます。複数のアイテムを選択するには、コントロールを保持するだけです。これは、ファイルを使用する方法に似ています。 「ctrl+click」を使用すると十分ではありませんか？

ここのデモコード：

<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; width: 60%; }
    #selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }
    </style>
    <script>
    $(function() {
        $( "#selectable" ).selectable();
    });
    </script>

<div class="demo">

<ol id="selectable">
    <li class="ui-widget-content">Item 1</li>
    <li class="ui-widget-content">Item 2</li>
    <li class="ui-widget-content">Item 3</li>
    <li class="ui-widget-content">Item 4</li>
    <li class="ui-widget-content">Item 5</li>
    <li class="ui-widget-content">Item 6</li>
    <li class="ui-widget-content">Item 7</li>
</ol>

</div>

Answer 4

このスレッドでの私の答えを見てください。

jQuery UI選択可能 - 複数の選択デフォルトを作成します

これには、選択可能なUI JSの完全なコード置換が含まれ、必要な変更の概要を説明するため、これを渡すことができるオプションになります。

Answer 5

このコードotす

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

ご利用の場合に選択可能なテーブルのためのtdの利用に選択可能('フィルタ:td')他

利用可()