传递给回调函数的“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

据我了解，（这只是通过观察和我令人难以置信的能力::cough，cough:: of inference）ui 是在用户界面中被操作的元素的对象或集合。为了访问它们，您需要选择要使用的对象，而不是选择整个对象。例如。在 droppable 中，它是 ui.draggable 或 ui.droppable。在您的示例中，ui.selected 是可行的。

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

希望能回答你的问题。