猴子修補一個jQuery用戶界面自動完成渲染項目

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)是設定器：它附加value到name鍵
• .data(name)是吸氣劑：它返回附連到name鍵

值在這種情況下，該值是一個對象（存儲有關綁定到該節點的自動完成實例的數據），並且該對象已就地修改。

它是jQuery庫的通用模式有一個功能觸發不同的動作取決於它的參數：

• $(selector).click(myFunction)結合的處理程序的節點，$(selector).click()觸發click事件
• 在jquery- UI，$sel.widget('option', name, value)通常會允許您在創建Widget後更改選項，$sel.widget('option', name)將允許您獲得值
• etc ...