Extending existing jQuery plugin

Question

I have an existing jQuery plugin, now I want to extend it. Consider the below mentioned plugin:

$.fn.x = function(option) {
        var defaults = {
            a: 1,
            b: 2
        };

        option = $.extend(def, option);
        function abc() {
            //do something
        }
        function def() {
            //do something
        }
    };

Now the above one is the plugin I got from somewhere. I need to have custom behavior for abc method, say

function abc() {
                //do something else
            }

I don't want to change the existing plugin, Can you tell me how could I achieve the same by extending the same or by making my own custom plugin ?

For information on the difficulty of extending without changing plugins, see this question. — justkt
– justkt, Commented Mar 22, 2011 at 14:37

Josiah Ruddell · Accepted Answer · 2011-03-22 14:54:18Z

1

You will not be able to replace/override the method in this particular situation because it is declared as a local variable. The best solution would be to write your own plugin, or extend this one with an option for abc function. Something like this:

function abc() {
    if(!!option.abc){
         return option.abc.call(this);    
    }
    alert('old abc');
}

answered Mar 22, 2011 at 14:54

Josiah Ruddell

29.9k8 gold badges68 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Rocky Singh Over a year ago

Can you please explain " or extend this one with an option for abc function" , I don't want to touch the exisiting plugin.

Josiah Ruddell Over a year ago

@Rocky Singh - I don't see a way around it because of how the plugin is written. You will need to write your own, or find a different plugin.

gearsdigital · Accepted Answer · 2012-12-07 15:15:39Z

0

Think what you're looking for is jQuery extend

newFunctionality = {
    abc: function (){
        alert('yo');
    }
}

$.extend($.fn.x, newFunctionality);
$.fn.x.abc() #=> 'yo'

edited Dec 7, 2012 at 15:15

gearsdigital

14.2k6 gold badges46 silver badges73 bronze badges

answered Mar 22, 2011 at 14:54

Yule

9,8143 gold badges55 silver badges75 bronze badges

Collectives™ on Stack Overflow

Extending existing jQuery plugin

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related