我可以替换或修改jQuery UI小部件上的函数吗？ 怎么样？ （猴子补丁）

如果我想调整一些jQuery UI对象的function，通过替换其中一个函数，我将如何去做呢？

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

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

我可以替换它吗？

我想这可能叫做Monkey Patching 。

怎么样？ 我会用什么语法？

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小部件上执行此操作，请使用以下语法：

仅供参考：获取function的方式如下：

 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 }; } 

Answer 2

我知道这是一个老问题，但我只需修复一个旧项目的一些错误，并且遇到了这种补丁的问题。

最好通过options对象使函数可用，然后将您的特定逻辑放在那里。

补丁：

 (function monkeyPatchJQueryAutocomplete($) { /** * Proxies a private * prototype method to the * options Object * * @param {Object} obj * @param {String} funcName */ function proxyPrivateMethodToOptions(obj, funcName) { var __super = obj.prototype[funcName]; obj.prototype[funcName] = function() { if (this.options[funcName]) { return this.options[funcName].apply(this, arguments); } return __super.apply(this, arguments); }; } // Make the private _renderItem // method available through the options Object proxyPrivateMethodToOptions($.ui.autocomplete, '_renderItem'); // We can do this for other methods as well: proxyPrivateMethodToOptions($.ui.autocomplete, '_renderMenu'); }($)); 

使用情况的示例：

 $('.some-input').autocomplete({ _renderItem: function(ul, item) { console.log('here we can reference the old func via: ', __super); return $("
") .append($("").text(item.label)) .appendTo(ul); } });