有没有办法覆盖 jQuery 的核心功能？假设我想在 size: function() 中添加一个 alert(this.length) 而不是在源中添加它
size: function() {
alert(this.length)
return this.length;
},
我想知道是否有可能做这样的事情：
if (console)
{
console.log("Size of div = " + $("div").size());
var oSize = jQuery.fn.size;
jQuery.fn.size = function()
{
alert(this.length);
// Now go back to jQuery's original size()
return oSize(this);
}
console.log("Size of div = " + $("div").size());
}
您几乎拥有它，您需要this将旧size函数内部的引用设置this为覆盖函数中的引用，如下所示：
var oSize = jQuery.fn.size;
jQuery.fn.size = function() {
alert(this.length);
// Now go back to jQuery's original size()
return oSize.apply(this, arguments);
};
它的工作方式是Function实例有一个名为 的方法apply，其目的是任意覆盖this函数体内的内部引用。
所以，作为一个例子：
var f = function() { console.log(this); }
f.apply("Hello World", null); //prints "Hello World" to the console
您可以通过在单独的文件中对其进行原型设计来覆盖 plugins 方法，而无需修改原始源文件，如下所示：
(function ($) {
$.ui.draggable.prototype._mouseDrag = function(event, noPropagation) {
// Your Code
},
$.ui.resizable.prototype._mouseDrag = function(event) {
// Your code
}
}(jQuery));
现在将您的逻辑或原始代码与您的项目所需的新想法放在一起。