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 = []; 
     } 
    }); 
    }); 

但一定要了解如何通过鼠标拖动，尝试，但没有成功取消选择多个细胞！任何帮助，感激！