猴子修补一个 jquery ui 自动完成渲染项

Question

$("selector").autocomplete({ ... }).data( "autocomplete" )._renderItem = function( ul, item ) {
    return $( "<li></li>" )
        .data( "item.autocomplete", item )
        .append( "<a>" + item.label + "<br>" + item.desc + "</a>" )
        .appendTo( ul );
};

from here

.data( "autocomplete" ) 这个位在做什么，尽管数据被用来将键值对附加到 dom 元素作为data-foo 属性的一部分。但这似乎不是这里的情况？

Answer 1

根据documentation：

• .data(name, value) 是 setter ：它将 value 附加到 name 键
• .data(name) 是 getter ：它返回附加到 name 键的值

在这种情况下，值是一个对象（它存储有关绑定到节点的自动完成实例的数据），并且该对象被原地修改。

jQuery 库中的一种常见模式是让函数根据其参数触发不同的操作：

• $(selector).click(myFunction) 将处理程序绑定到节点，$(selector).click() 触发 click 事件
• 在 jquery-ui 中，$sel.widget('option', name, value) 通常允许您在创建小部件后更改选项，$sel.widget('option', name ) 将允许您获取值
• 等等...