Programmazione 'deselezionare' un widget di jQuery UI selezionabile
-
12-10-2019 - |
Domanda
C'è un modo per programmazione 'deselezionare' ogni e tutti gli elementi selezionati per un determinato $("#selectable").selectable()
widget di?
Soluzione
Il seguente comando funziona a http://jqueryui.com/demos/selectable/
$('#selectable .ui-selected').removeClass('ui-selected')
Dato che definisce l'esistenza di una classe, se si seleziona un oggetto, semplicemente rimuovendo l'articolo sarà deselezionarlo.
Nota, è anche possibile usufruire di funzioni toggleClass e addClass.
EDIT:
Prova anche questo: $('#selectable').trigger('unselected')
. Che potrebbe anche innescare tutte le modifiche css come bene, e in questo modo l'evento non selezionata viene anche attivato per qualsiasi altra cosa possa essere agganciato ad esso.
Altri suggerimenti
La risposta accettata deseleziona solo visivamente. Essa non fa scattare il non selezionata ??em> di callback.
Questo può essere usato al posto:
$(".ui-selected").each(function(i,e){
$(".selector").selectable("triggerunselect",e);
});
Si potrebbe distruggere e REINIT l'istanza corrente "selezionabile".
Per esempio in questo modo:
$("#selectable-area").selectable("destroy");
poi
$("#selectable-area").selectable();