jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了我可以替换或修改jQuery UI小部件上的函数吗?怎么样? (猴子补丁)大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
如果我想调整一些jQuery UI对象的功能,通过替换其中一个函数,我将如何去做呢?

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

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

我可以替换它吗?

我想这可能叫做Monkey Patching.

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

解决方法

我不知道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 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
  }; 
}

大佬总结

以上是大佬教程为你收集整理的我可以替换或修改jQuery UI小部件上的函数吗?怎么样? (猴子补丁)全部内容,希望文章能够帮你解决我可以替换或修改jQuery UI小部件上的函数吗?怎么样? (猴子补丁)所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: