jquery - 如何使用 jQuery UI 以编程方式选择可选择项？

Question

我有一系列可供选择的项目。我想在某处添加一个按钮来激活其中的预设选择。有什么办法可以做到这一点吗？

我想要的是告诉它“选择这些人”，然后让所有事件正常触发，这样我就不必手动调用所有这些选择事件。

更多信息:我谈论的事件是 their api 中列出的事件。以及 their demo page :

• 已选择
• 选择
• 开始
• 停止
• 未选择
• 取消选择

而且，我认为在选择事物时也可能会设置/清除数据。所以不仅仅是添加那些 css 类。

Answer 1

这是 Alex R 处理多个元素的代码的变体

http://jsfiddle.net/XYJEN/1/

function SelectSelectableElements (selectableContainer, elementsToSelect)
{
    // add unselecting class to all elements in the styleboard canvas except the ones to select
    $(".ui-selected", selectableContainer).not(elementsToSelect).removeClass("ui-selected").addClass("ui-unselecting");

    // add ui-selecting class to the elements to select
    $(elementsToSelect).not(".ui-selected").addClass("ui-selecting");

    // trigger the mouse stop event (this will select all .ui-selecting elements, and deselect all .ui-unselecting elements)
    selectableContainer.data("selectable")._mouseStop(null);
}

更新:

jQueryUI 1.10，根据 kmk 的评论:http://jsfiddle.net/XYJEN/163/