jQuery seleccionable - Anular la selección solo elemento haciendo clic - es esto posible?

Question

Me gustaría ser capaz de anular la selección de un elemento seleccionado haciendo clic o usando lazo, al igual que en Photoshop donde guardo otra tecla para partes "Deseleccionar" de una selección existente.

¿Es esto posible?

Según entiendo "jQuery UI seleccionable". Sólo hay "solo clic" con o sin CTRL para agregar múltiples y luego el lazo rápido.

Estoy tratando de ver cómo sería posible para anular la selección, uno o dos elementos de toda una selección haciendo clic en ellos de nuevo.

Por ejemplo, se arrastra el lazo y obtener 30 elementos pero encuentra que 1 no necesita ser parte de esta selección. Hace clic en él y elimina la selección.

Así que algo que reacciona a la selección existente y elimina el elemento elegido.

O con el lazo, que realice una selección de lazo. Obtiene 30 elementos. A continuación, se dibuja un nuevo lazo, esta vez a partir de un elemento se encuentra seleccionada, ahora se anula la selección por defecto y lo mismo ocurre con el resto del grupo marcado.

Creo que esto debe ser un comportamiento personalizable para el jQueryUI si nada.

Pero es la "única para deshacer la selección" es posible con un simple truco jQuery o va a exigir una gran cantidad de código?

Answer 1

Parece que puedo y que tenga que modificar seleccionable que hacer esto por mí mismo.

He encontrado este ejemplo por Nicolas Rudas (?): http: //nicolas.rudas. info / jQuery / selectables_sortables /

$(function() {
        $("#selectable")
            .selectable({
                autoRefresh: false,
                stop: function(e,ui){
                    $(this).selectable( 'refresh');
                },
                noConflict : false
            })
            .sortable({
                opacity:'0.5',
                cursor: 'move',
                zIndex: 5,
                helper : 'clone',
                forcePlaceholderSize : true,
                stop : function(){
                    $("#selectable").selectable( 'refresh');
                }
            })


        $('#noConflict').toggle(function() {
            $(this).text('Disable \'noCoflict\'');
            $("#selectable").selectable('option','noConflict',true).selectable( 'refresh');
        },
        function() {
            $(this).text('Enable \'noCoflict\'');
            $("#selectable").selectable('option','noConflict',false).selectable( 'refresh');


        });

    });

El autor muestra cómo se ha activado la función que buscábamos. También se describen algunos problemas que resuelve también. Voy a tener una mirada más exhaustiva sobre su código de mí mismo.

Por tanto, estoy cerrando esta pregunta.