Selectable тонкая настройка

[Dali]

Я начинающий программист JS, помогите с плагином Selectable и его настройкой для моих нужд.

Режим работы у меня такой:
$(document).ready(function() {
$("#selectable").bind("mousedown", function(e) {e.metaKey = true;})
.selectable();
});

Для выбора нескольких блоков в независимости нажат ctrl или нет.

Когда щелкаю по выбранному элементу, выделение снимается, отлично.
Но как снять выделение сразу группе выделенных элементов? Стандартно вроде никак, а написать обработчик с последующим деактивированием выделенных ячеек у меня не получается.

Перед тем как написать 5 часов пытался придумать чтото сам

Тут демо на которой можно увидеть суть вопроса http://jqueryui.com/selectable/#display-grid

[xShift]

Попробуйте вот так: $( ".ui-selected" ).selectable( "disable" );

[Dilettante_Pro]

Dali,

Когда щелкаю по выбранному элементу, выделение снимается, отлично.
Но как снять выделение сразу группе выделенных элементов?

Вообще-то в демо, который вы предлагаете посмотреть, выбор с группы снимается по любому клику (если отпустить ctrl). Если держать ctrl - выделение снимается индивидуально

[Dali]

Dali,

Вообще-то в демо, который вы предлагаете посмотреть, выбор с группы снимается по любому клику (если отпустить ctrl). Если держать ctrl - выделение снимается индивидуально

Я написал что модифицировал пример, бинд mousedown избавляет от необходимости использовать ctrl.

В любом случае снять выделение с группы выделенных элементов не получается никак.

[Dali]

https://fiddle.jshell.net/cgqknoa0/1/
Вот конкретно мой пример. Предложенный во втором посте вариант почему-то деактивирует все.

[Dali]

Ну что ребят, нет вариантов? Я уже сам плагин начал ковырять, что б модифицировать, пока безуспешно, весь день уже потратил(

[Rise]

Dali,

$('#selectable').mousedown(function(e) {
	e.metaKey = true;
}).selectable({
	unselecting: function(e, ui) {
		$('.ui-selected', this).removeClass('ui-selected');
	}
});

[Dali]

$('#selectable').mousedown(function(e) {
	e.metaKey = true;
}).selectable({
	unselecting: function(e, ui) {
		$('.ui-selected', this).removeClass('ui-selected');
	}
});

Данная конструкция удаляет все, написал свой скрипт.
Покритиковать или попробовать можно тут:
https://github.com/Adeht/select_in_table