jQuery wählbar - deselect einzelnes Element durch Anklicken - ist das möglich?

Question

Ich möchte in der Lage sein, ein ausgewähltes Element durch Anklicken zu deaktivieren oder mit Lasso, genau wie in Photoshop, wo ich eine andere Taste halten bis auf „Abwahl“ Teile einer bestehenden Auswahl.

Ist das möglich?

Als ich "jQuery UI wählbar" zu verstehen. Es gibt nur „Klick“ mit oder ohne CTRL hinzufügen mehrere und dann das schnelle lasso.

Ich versuche, zu sehen, wie es möglich wäre, um die Auswahl aufzuheben, einer oder zwei Elemente einer ganzen Auswahl, indem Sie sich wieder klicken.

Zum Beispiel, ziehen Sie das Lasso und 30 Elemente erhalten, aber stellt fest, dass 1 nicht Teil dieser Auswahl sein müssen. Sie klicken Sie darauf und abgewählt es.

So etwas, das reagiert auf die bestehende Auswahl auf und entfernt das ausgewählte Element.

oder mit dem Lasso, machen Sie ein Lasso Auswahl. Ruft 30 Elemente. Dann sind Sie ein neues Lasso ziehen, diesmal auf einem bereits ausgewählten Elements ausgehend, ist es nun abgewählt Standard und so auch den Rest der Gruppe markiert.

Ich glaube, das anpassbare Verhalten für die jQueryUI sein sollte, wenn nichts.

Aber ist die „Single deselect“ möglich, mit einem einfachen jQuery Hack oder wird es eine Menge Code verlangen?

Answer 1

Es scheint, dass ich kann und benötigen Wählbare ändert dies selbst zu tun.

Ich habe dieses Beispiel von Nicolas Rudas gefunden (?): 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');


        });

    });

Er zeigt, wie er die Funktion aktiviert hat wir gesucht haben. Er beschreibt auch einige Probleme, die er zu lösen. Ich werde mich jetzt eine gründlichere Blick in seine Code.

Ich bin diese Frage daher zu schließen.