JQuery用戶界面可選插件 - 多鼠標拖動選擇和取消選擇選項

Question

我使用jQuery UI可選插件，選擇表格單元格，這裏是示例代碼：http://jsbin.com/ejewes/edit#javascript,html,live

我想改變這個使我能夠
1.做多的鼠標拖動選擇（不使用Ctrl鍵）通過拖動
2.取消細胞或點擊單/多選擇的細胞

我通過這個論壇上相關的問題去了，但沒有解決方案已爲我工作到目前爲止！任何人都可以幫我定製這個插件或者指點一些資源，可以幫助我做到這一點？

非常感謝！

迪帕Thalikar

Answer 1

Here's the solution: 

var _selectRange = false, _deselectQueue = []; 
$(function() { 
    $("#selectable").selectable({ 
    selecting: function (event, ui) { 
     if (event.detail == 0) { 
      _selectRange = true; 
      return true; 
     } 
     if ($(ui.selecting).hasClass('ui-selected')) { 
      _deselectQueue.push(ui.selecting); 
     } 
    }, 
    unselecting: function (event, ui) { 
     $(ui.unselecting).addClass('ui-selected'); 
    }, 
    stop: function() { 
     if (!_selectRange) { 
      $.each(_deselectQueue, function (ix, de) { 
       $(de) 
        .removeClass('ui-selecting') 
        .removeClass('ui-selected'); 
      }); 
     } 
     _selectRange = false; 
     _deselectQueue = []; 
     } 
    }); 
    }); 

但一定要了解如何通過鼠標拖動，嘗試，但沒有成功取消選擇多個細胞！任何幫助，感激！