jQuery extending classes and functions issue

Question

I've been looking around and I can't find a clear answer to my situation. So I'm making an iteration on an existing jQuery plugin jquery.autocomplete

So I have a jquery autocomplete plugin with a few things that I need to alter.

Step 1: Need to extend defaults (this works)

$.extend($.Autocompleter.defaults, customeDefaults);

This works, now I want to extend the functions where these defaults would get placed. My hangup involves this:

in the autocomplete I have a setup like this

$.Autocompleter.Select = function() {
    //a bunch of stuff in this class including:
    function init() {
      //this is the function that I need to extend.
    }
}

I attempted this

$.extend($.Autocompleter.Select.init, myChanges);

it didn't work Then I did a

console.log($.Autocompleter.Select.init());

and it produced a type error saying that Select had no method init... which it does. Any ideas?

Jsfiddles are always helpful here.

mowwwalker
– mowwwalker

2012-01-21 00:02:10 +00:00
Commented Jan 21, 2012 at 0:02 — mowwwalker
– mowwwalker, Commented Jan 21, 2012 at 0:02

Community · Accepted Answer · 2017-05-23 12:29:05Z

2

The way that's currently setup, you can't extend the init function because it's not bound to the $.Autocompleter.Select object -- it's just declared as a function inside it.

Instead, if the function were defined like so, you could extend it:

$.Autocompleter.Select = function() {
    return {
      this.init() {
        //implementation
      }
    }
}

edit: Okay, after looking at the source there really is no way to extend the init function. You could probably extend the display method that calls init() and have it do what you want first, then call the original version. The method is very similar to the answer to this other question

var old_display = $.Autocompleter.Select.display;
$.Autocompleter.Select.display = function(args) { 
  //whatever you need to do first
  old_display.apply(this, args);
}

edited May 23, 2017 at 12:29

CommunityBot

11 silver badge

answered Jan 21, 2012 at 0:04

tjarratt

1,6909 silver badges17 bronze badges

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

1 Comment

Brodie Over a year ago

jquery.bassistance.de/autocomplete/jquery.autocomplete.js that's the link to the version i'm using

Collectives™ on Stack Overflow

jQuery extending classes and functions issue

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related