jQuery ui Selectable() 需要 ctrl+click 到 select 但我想要 draggable+ multi click 到 select

jQuery ui Selectable() need ctrl+click to select but I want draggable+ multi click to select

我正在使用 jQuery-ui 的 selectable(),它非常适合我同时单击 ctrl+单击并拖动。

但我想将 Ctrl+click 更改为仅单击,并且此单击也 select 我的方块行。

这是一个示例,其中单击 select 方块。我需要这个。 http://www.social-contests.com/check-image/

非常感谢...

$cover.selectable({
        stop: function () {
            var total = $('.square').size();
            var selected = $('.square.ui-selected').size();
            var percent = Math.round(selected * 100 / total);
            var alert = $('#score').find('.alert').addClass('hide');
            if (percent <= 20) {
                $('#score').find('.alert-success').removeClass('hide');
            } else {
                $('#score').find('.alert-error').removeClass('hide');
            }
            $("#score").find('span.score-value').html(percent);
        }
    });

这并不容易 :) 但我想我找到了解决方案。我不得不深入研究源代码,我发现我们可以模拟我们按下ctrlKey。解决方法其实很简单:

event.originalEvent.ctrlKey = true;

注意如果你这样设置true:

event.ctrlKey = true;

不会生效

http://jsfiddle.net/awguykk4/