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;
不会生效
我正在使用 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;
不会生效