mouse - JQuery UI 可选插件 - 多个鼠标拖动选择和取消选择选项

Question

我正在使用 JQuery UI 可选插件来选择表格单元格，这里是示例代码：http: //jsbin.com/ejewes/edit#javascript,html,live

我想对此进行更改，以便能够
1. 进行多个鼠标拖动选择（不使用 ctrl 键）
2. 通过拖动或单击单个/多个选定的单元格来取消选择单元格

我在这个论坛上解决了相关问题，但到目前为止还没有解决方案对我有用！任何人都可以帮我定制这个插件或指向一些可以帮助我做到这一点的资源吗？

提前非常感谢！

迪帕·塔利卡

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

但是要找出如何通过鼠标拖动取消选择多个单元格，尝试但没有成功！任何帮助，不胜感激！