覆盖jQuery函数

2021/01/31 00:21 · jquery ·  · 0评论

有没有办法覆盖jQuery的核心功能?说我想添加一个警报(this.length)大小:function()而不是在源代码中添加它

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

您可以通过在单独的文件中原型化插件方法来覆盖插件方法,而无需修改原始源文件,如下所示:

(function ($) {
    $.ui.draggable.prototype._mouseDrag = function(event, noPropagation) {

         // Your Code
    },

    $.ui.resizable.prototype._mouseDrag = function(event) {
            // Your code
    }   
}(jQuery));

现在,将您的逻辑或原始代码放入您的项目中所需的新想法。

本文地址:http://jquery.askforanswer.com/fugaijqueryhanshu.html
文章标签: ,  
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!