Programmatically 'Unselect' un widget sélectionnable jQuery UI

Question

Y at-il un moyen de programme « Unselect » tout et tous les éléments sélectionnés pour un widget donné $("#selectable").selectable()?

Answer 1

La commande suivante fonctionne à http://jqueryui.com/demos/selectable/

$('#selectable .ui-selected').removeClass('ui-selected')

Depuis l'existence d'une classe de détermine si un élément est sélectionné, supprimant simplement l'élément sera désélectionner.

Note, vous pouvez également profiter des fonctions toggleClass et addClass.

EDIT:

Essayez cela aussi: $('#selectable').trigger('unselected'). Cela pourrait également déclencher tous les changements css aussi bien, et cette façon, l'événement se désélectionné également déclenché pour tout ce peut être accroché à elle.

Answer 2

La réponse acceptée déselectionne seulement visuellement. Il ne déclenche pas la désélectionné callback.

Ceci peut être utilisé à la place:

$(".ui-selected").each(function(i,e){
  $(".selector").selectable("triggerunselect",e);
});

Answer 3

Vous pouvez détruire et Reinit l'instance "sélectionnable" actuelle.

Par exemple comme ceci:

$("#selectable-area").selectable("destroy");

puis

$("#selectable-area").selectable();