Кто-то знает альтернативу jquery-ui selectable?

Question

[Artem Pavliienko]

Всем привет.

Подскажите пожалуйста альтернативу jquery-ui selectable. В оригинале если выбрать все, и нажать на один любой, остается выбранным только тот на который нажали, а если использовать ctrl + click то елемент перестанет быть выделенным. А мне нужно, что бы при клике елемент убирался из спика так же как и при ctrl + click.

В данном скрипте я не смог это реализовать(

Answer 1

[Максим Тимофеев]

Давно не трогал jui, так что мог ошибаться, но там же есть события типа

$(function(){
$( "#selectable" ).selectable({
  selected: function( event, ui ) {
    $(ui.selected).hide();
  }
});
});

api.jqueryui.com/selectable/#event-selecting

Можно удалять по его срабатыванию.

Comments

[Artem Pavliienko]

Не хочет удалять, и добавлять так же. Я разные методы пробовал использовать и к нему пробиться. Делал отдельное событие клик по элементу, но он вообще не запускался(

[Максим Тимофеев]

Artem Pavliienko,ну как же не хочет? Вот:
https://jsfiddle.net/42y6zvsv/

[Artem Pavliienko]

Максим Тимофеев, а что значит метод ".selected" в $(ui.selecded)?

если так использовать, то когда мышков выбираешь все элементы, то классы удаляются. Соответственно выбрить ни чего не возможно(

start: function start(event, ui) {
            var len = $(this).find('li').length,
                listLi = $(this).find('li'),
                sum = 0;

            setTimeout(function () {
                for (var i = 0; i < len; i++) {
                    if ($(listLi[i]).hasClass('ui-selecting')) {
                        sum++;
                    }
                }

                if (sum >= 1) {
                    $('.selected_all-clear', $('#select_right')).css('opacity', '1');
                }
            }, 200);
            $('.selected_all-clear', $('#select_right')).css('opacity', '1');

        },
        selected: function (event, ui) {
            $(ui.selected).removeClass('ui-selected');
        }
    });

[Максим Тимофеев]

а что значит метод ".selected" в $(ui.selecded)?

В чем проблема разобраться в том что там? Я даже ссылку на доки дал, смысл что-то делать если Вы доки не прочитали? Повторю:
api.jqueryui.com/selectable/#event-selecting
Да и старым дедовским методом можно разобраться:
condole.log(ui.selecded)
condole.log(ui)
condole.log(event)
Посмотрели, определили, какие там есть данные, сделали нужную логику