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

Question

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

例如," 可选择 "演示,"已选择 " 事件通过两个参数."事件"和"UI".我试图使用它如下:

    $("#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 param被设置为一个表示所选"li"的对象,但是当我尝试使用它时,似乎并非如此......

示例(编辑示例)

Answer 1

根据我的理解,(这只是来自观察和我的不可思议的力量::咳嗽,咳嗽::推断)ui是在用户界面中被作用的元素的对象或集合.要访问它们,您需要选择要使用的那个,而不是选择整个对象.例如.在droppable中,它是ui.draggable或ui.droppable.在你的例子中,ui.selected是什么工作.

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

希望这能回答你的问题.