jquery - 我可以替换或修改 jQuery UI 小部件上的函数吗？如何？ (猴子补丁)

Question

如果我想通过替换其中一个函数来调整 jQuery UI 对象的某些功能，我将如何做？

示例:假设我想修改 jQuery 自动完成小部件呈现建议的方式。自动完成对象上有一个方法，如下所示:

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

我可以替换这个吗？

我认为这可能被称为猴子补丁。

如何？我会使用什么语法？

Answer 1

我不了解 jQuery UI，但一般来说，这就是重新定义函数的方式:

(function() {
   var _oldFunc = _renderItem;

   _renderItem = function(ul,item) {
      // do your thing
      // and optionally call the original function:
      return _oldFunc(ul,item);
   }
})();

将其包装在匿名函数中的原因是为了创建一个闭包来存储原始函数。这样它就永远不会干扰全局变量。

<小时/>

编辑
要对 jQuery UI 小部件上的 fn 执行此操作，请使用以下语法:

仅供引用:获取函数的方式是这样的:

function monkeyPatchAutocomplete() { 

  // don't really need this, but in case I did, I could store it and chain 
  var oldFn = $.ui.autocomplete.prototype._renderItem; 

  $.ui.autocomplete.prototype._renderItem = function( ul, item) { 
     // whatever
  }; 
}