jquery - 以编程方式“取消选择”一个 jQuery UI 可选小部件

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();