Programación 'desactiva' un widget de jQuery UI seleccionable

Question

¿Hay una manera de programación 'desactiva' cualquiera y todos los elementos seleccionados para un determinado widget de $("#selectable").selectable()?

Answer 1

El siguiente comando funciona en http://jqueryui.com/demos/selectable/

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

Desde define la existencia de una clase si se selecciona un elemento, la simple eliminación del artículo será anular la selección.

Tenga en cuenta, también puede aprovechar las funciones toggleClass y addClass.

EDIT:

Trate esto también: $('#selectable').trigger('unselected'). Eso también podría desencadenar todos los cambios CSS también, y de esta manera el evento no seleccionado también se desencadena para cualquier otra cosa que puede ser enganchado a él.

Answer 2

La respuesta aceptada sólo se deselecciona visualmente. No se dispara el no seleccionada de devolución de llamada.

Esto se puede utilizar en su lugar:

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

Answer 3

Se podría destruir y reinicilizar la instancia actual de "seleccionable".

Por ejemplo siguiente:

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

entonces

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