Thanks John :)
I think this has solidified the issue I was seeing, and it might not
be an issue at all, but it's insanely weird...
var subClass = function(selector, context){
return new subClass.fn.init(selector, context);
};
subClass.fn = subClass.prototype = new jQuery.fn.init();
subClass.fn.init.prototype = subClass.prototype;
jQuery.fn.t2 = function(){
console.log('jQuery plugin', this, arguments);
};
subClass.fn.t2 = function(){
console.log('subClass plugin', this, arguments);
};
subClass('body').t2(1,2); //Should print out 'subClass plugin, [body],
[1,2]'
jQuery('body').t2(3,4); // Should print out 'jQuery plugin, [body],
[3,4]', but prints subClass plugin, [body], [3,4]
console.log(jQuery.fn.t2, jQuery.fn.t2 === subClass.fn.t2); // returns
false, as expected
It is driving me nuts, I can't make heads or tails of whats happening...
Nate Cavanaugh
Director of User Interface Engineering
Liferay, Inc.
Enterprise. Open Source. For life.
On Nov 12, 2008, at 11:17 AM, John Resig wrote:
>
> Tweaked your example to make that work - it now works for both queries
> and adding methods:
> http://dev.jquery.com/~john/plugins/subclass/
>
> You did:
> subClass.fn.init= subClass.prototype;
>
> Which should've been:
> subClass.fn.init.prototype = subClass.prototype;
>
> --John
>
>
>
> On Wed, Nov 12, 2008 at 2:08 PM, Nate Cavanaugh <[EMAIL PROTECTED]>
> wrote:
>> Heya John,
>> Thanks for the response, and sorry I wasn't more clear. I've tried
>> so many
>> different variations of this, that I can't remember which did what.
>> That one does keep the chain properly in place, but this doesn't
>> work:
>> subClass('body') // Should error out and say subClass.fn.init is
>> not a
>> constructor.
>> Every way I was able to get the above to work, it would only do so by
>> maintaining the link between subClass.fn and jQuery.fn.
>> Is there any other way you can think of that would essentially (and
>> in a way
>> that's performant) extend a new object off the jQuery object?
>> Thanks again for your guys time :)
>> Nate Cavanaugh
>> Director of User Interface Engineering
>> Liferay, Inc.
>> Enterprise. Open Source. For life.
>>
>>
>>
>>
>> On Nov 12, 2008, at 6:37 AM, John Resig wrote:
>>
>> Try as I might I can't reproduce your problem. I created a test page:
>> http://dev.jquery.com/~john/plugins/subclass/
>>
>> I overwrote the removeClass method and they're both different on each
>> object (subClass vs. jQuery).
>>
>> Maybe there's another mistake at play?
>>
>> --John
>>
>>
>>
>> On Tue, Nov 11, 2008 at 6:37 PM, Nate Cavanaugh <[EMAIL PROTECTED]>
>> wrote:
>>
>> Hi all,
>>
>> As promised, here is the second topic I wanted to ask about:
>>
>> Are there any plans, or is there any current way to subclass the
>> jQuery
>>
>> object? I've been doing a lot of digging around and I've seen some
>> talks
>>
>> about it, and there have been some questions about what the use
>> would be,
>>
>> but I've found a use case, and me, Paul, and Eduardo have all tried
>> to
>>
>> figure out a way, but to no avail.
>>
>> Here is the use case:
>>
>> I want to create a function that behaves exactly like jQuery,
>> except that it
>>
>> does some slightly different things, and be able to extend it without
>>
>> worrying about what the parent jQuery object is doing, or what
>> plugins have
>>
>> been loaded globally.
>>
>> The benefits are that it would use the prototype chain, so it would
>> be
>>
>> memory efficient, and it would be a way to add plugins without them
>> being
>>
>> clobbered by other plugins.
>>
>> So, I've tried a bunch of stuff:
>>
>> var subClass = function(sel, context){
>>
>> return new subClass.fn.init(sel, context);
>>
>> }
>>
>> subClass.fn = subClass.prototype = new jQuery.fn.init;
>>
>> subClass.fn.init = subClass.prototype;
>>
>> and I've tried so many different variations of this, but anytime I
>> try to
>>
>> do:
>>
>> subClass.fn.test = function(){}
>>
>> it, without fail, creates jQuery.fn.test.
>>
>> To show what I am trying to do, I'll give an example:
>>
>> jQuery.fn.plugin1 = function(){
>>
>> console.log('I am global, everyone can see me');
>>
>> return this;
>>
>> } // globally available plugin
>>
>> subClass.fn.plugin1 = function(){
>>
>> console.log('I am local, and I am only run when using the subclass');
>>
>> return this;
>>
>> } // my own local plugin
>>
>> so you could do:
>>
>> jQuery('body').plugin1(); // prints 'I am global, everyone can see
>> me'
>>
>> subClass('body').plugin1(); // prints 'I am local, and I am only
>> run when
>>
>> using the subclass'
>>
>> However, namespaced plugins is only one advantage. Being able to
>> attach
>>
>> custom static methods, etc, would be incredibly useful.
>>
>> Does anyone know of a way to subclass the jQuery object using it's
>>
>> prototype?
>>
>> Thanks again for reading all of this. I truly appreciate it,
>>
>> Nate Cavanaugh
>>
>> Director of User Interface Engineering
>>
>> Liferay, Inc.
>>
>> Enterprise. Open Source. For life.
>>
>>
>>
>>
>>
>>
>>
>> Nate Cavanaugh
>>
>> Director of User Interface Engineering
>>
>> Liferay, Inc.
>>
>> Enterprise. Open Source. For life.
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>> Nate Cavanaugh
>> Director of User Interface Engineering
>> Liferay, Inc.
>> Enterprise. Open Source. For life.
>>
>>
>>
>>
>>
>>>
>>
>
> >
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery Development" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/jquery-dev?hl=en
-~----------~----~----~----~------~----~------~--~---
