How to extend this jQuery function

Question

I want to extend this function and make my own, this new function should have same functions as the old one but additionalOkClicked should be overwritten with my own function.

How do I do this?

   (function ($) {
    $.LocationDialog = {
        mainInit: function()
        {
            //some code here
        },

        init: function(callingNum)
        {
            //some code here
        },

        additionalOkClicked: function()
        {
            //i want to override this function
        }
    };
})(jQuery);

Why don't you just delete the code instead additionalOkClicked and write your own ? — mravey
– mravey, Commented Mar 19, 2011 at 17:12
I need to EXTEND this function to override a method inside not to create new or edit the same function. I need extending cause old will be used the same but new function will be used in special case — dfilkovi
– dfilkovi, Commented Mar 19, 2011 at 17:18

RobertPitt · Accepted Answer · 2011-03-19 18:13:53Z

1

can't you just do:

$.LocationDialog.myAdditionalOnClick = function()
{
    this.additionalOnClick(); //call the other method in the object.
}

if y our talking about the function being bound to an event then use:

$('#foo').unbind('click',$.LocationDialog.additionalOnClick);
$('#foo').bind('click',$.LocationDialog.myAdditionalOnClick);

answered Mar 19, 2011 at 18:13

RobertPitt

57.3k21 gold badges117 silver badges161 bronze badges

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

Comments

mVChr · Accepted Answer · 2011-03-19 18:08:38Z

0

You can just add code to delete that function and then create your own with the same name:

(function ($) {
  delete $.LocationDialog.additionalOkClicked;

  $.LocationDialog.additionalOkClicked = function () {
    // your code here
  };
})(jQuery);

The rest of $.LocationDialog object will remain the same.

answered Mar 19, 2011 at 18:08

mVChr

50.3k11 gold badges111 silver badges105 bronze badges

Comments

Shaz · Accepted Answer · 2011-03-20 13:09:51Z

0

Use prototype:

$.locationDialog.prototype.functionName = function() {
    // Your code here
}

or

$.locationDialog.additionalOkClicked.prototype.functionName = function() {
    // Code here
}

or just create another function inside of $.locationDialog:

   (function ($) {
    $.LocationDialog = {
        mainInit: function()
        {
            //some code here
        },

        init: function(callingNum)
        {
            //some code here
        },

        additionalOkClicked: function()
        {
            //some code here
        }

        functionName: function() {
            // Your code here
        }
    };
})(jQuery);

edited Mar 20, 2011 at 13:09

answered Mar 19, 2011 at 17:15

Shaz

15.9k4 gold badges44 silver badges60 bronze badges

4 Comments

dfilkovi Over a year ago

I need to EXTEND this function to override a method inside not to create new or edit the same function. I need extending. Prototype will change existing method, so old function won't work as expected, i need both cases.

mattalxndr Over a year ago

@dfilkovi the prototype syntax that Shaz mentioned first should work then.

dfilkovi Over a year ago

No it won't work cause old function will be changed and if someone want's to use previous $.LocationDialog it will be with new function, I need new $.LocationDialogExtended with new function, I don't want to change old function.

RobertPitt Over a year ago

and it should be var functionName = function() {

Collectives™ on Stack Overflow

How to extend this jQuery function

3 Answers 3

Comments

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related