javascript - 传递给回调函数的 "ui"对象的 jQuery UI 对象类型？

Question

在 jQuery UI 中，传递给许多事件方法的回调函数的“ui”对象的类型/内容是什么，我该如何使用它？

例如，“selectable”演示，事件“selected”传递了两个参数。 “事件”和“用户界面”。我正在尝试按如下方式使用它:

    $("#selectable").selectable({ 
      selected: function(event, ui) { 
        $(ui).find("input").attr('checked', true); 
      } 
    });

(这里是 html:)

<ol id="selectable"> 
    <li class="ui-state-default"><input type="checkbox" value="1" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="2" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="3" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="4" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="5" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="6" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="7" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="8" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="9" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="10" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="11" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="12" /></li> 
</ol> 

但它不起作用。我究竟做错了什么？我假设 ui 参数设置为代表所选“li”的对象，但是当我尝试使用它时，情况似乎并非如此......

Example ( edit example )

Answer 1

根据我的理解，(这只是来自观察和我难以置信的推理能力::咳咳::推理)ui 是一个对象或元素的集合，这些元素在用户界面中起作用。为了访问它们，您需要选择要使用的对象，而不是选择整个对象。例如。在 droppable 中，它是 ui.draggable 或 ui.droppable。在您的示例中，ui.selected 是可行的。

$("#selectable").selectable({
    selected: function(event, ui) {
       $(ui.selected).find("input").attr('checked', true);
    }
});

希望这能回答您的问题。