Comments on: The Evolution of a jQuery Plugin http://scrunchup.com/article/the-evolution-of-a-jquery-plugin/ The Web Magazine for Young Designers and Developers Sun, 05 Feb 2012 16:25:08 +0000 hourly 1 http://wordpress.org/?v=3.2.1 By: Ted Lilley http://scrunchup.com/article/the-evolution-of-a-jquery-plugin/#comment-445 Ted Lilley Tue, 08 Feb 2011 22:31:03 +0000 http://scrunchup.com/?p=474#comment-445 The final code fails because it's trying to call jQuery methods on "this", which is not a jQuery object at that point. The "this" references needed to be converted to jQuery objects by the factory function "$(this)". The modified code worked for me: jQuery.fn.extend({ slideOut : function() { //execute on each item in the jQuery collection, returning the same collection. return this.each(function(speed) { $(this).data('oldwidth', $(this).css('width')) .css({width: '0px'}) //animate with a default width of 500ms .animate({ width: $(this).data('oldwidth') }, (speed ? speed : 500)); }); } }); The final code fails because it’s trying to call jQuery methods on “this”, which is not a jQuery object at that point. The “this” references needed to be converted to jQuery objects by the factory function “$(this)”. The modified code worked for me:

jQuery.fn.extend({
slideOut : function() {
//execute on each item in the jQuery collection, returning the same collection.
return this.each(function(speed) {
$(this).data(‘oldwidth’, $(this).css(‘width’))
.css({width: ’0px’})
//animate with a default width of 500ms
.animate({ width: $(this).data(‘oldwidth’) }, (speed ? speed : 500));
});
}
});

]]> By: Rob http://scrunchup.com/article/the-evolution-of-a-jquery-plugin/#comment-208 Rob Mon, 05 Apr 2010 14:06:45 +0000 http://scrunchup.com/?p=474#comment-208 This code didn't work. How about a demo link? This code didn’t work. How about a demo link?

]]>