Программно «не связан» с выбором jquery ui widget

Question

Есть ли способ программно «невыполнить» любые выбранные элементы для данного $("#selectable").selectable() виджет?

Answer 1

Следующая команда работает в http://jqueryui.com/demos/selectable/

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

Поскольку существование класса определяет, выбран ли элемент, простое удаление элемента отменит его.

Обратите внимание, что вы также можете воспользоваться функциями ToggleClass и AddClass.

РЕДАКТИРОВАТЬ:

Попробуйте это тоже: $('#selectable').trigger('unselected'). Анкет Это также может также вызвать все изменения CSS, и таким образом, не выбранное событие также запускается для того, что может быть подключено к нему.

Answer 2

Принятый ответ только не высмечает визуально. Это не запускает невыбранный перезвонить.

Это можно использовать вместо этого:

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

Answer 3

Вы можете уничтожить и восстановить текущий «выбираемый» экземпляр.

Например, как это:

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

тогда

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