jQuery UI Do wyboru - odznacz zaznaczenie elementu po kliknięciu

Question

Czy ktoś wie, czy istnieje sposób na skonfigurowanie elementu jquery do wybrania, aby odznaczyć zaznaczony element po kliknięciu? Coś jak przełącznik. Jeśli jest już zaznaczony, usuń zaznaczenie, w przeciwnym razie wykonaj domyślne zachowanie.

Dzięki.

Answer 1

Spóźniłem się bardzo, aby odpowiedzieć na twoje pytanie, ale pozwól mi odpowiedzieć tak czy inaczej, aby zachować go jako punkt odniesienia dla innych.

$(".selector").bind("mousedown", function (e) { 
    e.metaKey = true; 
}).selectable(); 

pozwoli to przełączyć zachowanie, którego szukasz.

Answer 2

Czy to masz na myśli?

To zdarzenie jest wywoływane na końcu operacji wyboru, na każdym elemencie usuniętym z zaznaczenia.

przykłady Kod

dostarczyć funkcja zwrotna obsłużyć niezaznaczoną wydarzenie jako opcji startowej.

$(".selector").selectable({ 
    unselected: function(event, ui) { ... } 
}); 
Bind to the unselected event by type: selectableunselected. 
$(".selector").bind("selectableunselected", function(event, ui) { 
    ... 
}); 

Źródło:

http://jqueryui.com/demos/selectable/#event-unselected

Answer 3

Więc tutaj jest to, co po prostu skończyło się robi. Użyłem nazwy klasy, aby przełączyć zaznaczanie i odznaczanie. Chciałbym usłyszeć, jeśli nie ma innej opcji:

$("#selectable").selectable({ 
    selected: function (event, ui) { 
     if ($(ui.selected).hasClass('selectedfilter')) { 
      $(ui.selected).removeClass('selectedfilter'); 
      // do unselected stuff 
     } else {    
      $(ui.selected).addClass('selectedfilter'); 
      // do selected stuff 
     } 
    }, 
    unselected: function (event, ui) { 
     $(ui.unselected).removeClass('selectedfilter'); 
    } 
}); 

Answer 4

Jeśli chcesz, aby istniejące pozycje zostać zachowane i jeszcze mieć operację przełączania, wystarczy ignorować niezaznaczoną wydarzenie dla danego rozwiązania. Musisz również usunąć wybraną przez ui klasę.