Comments on: Making a jQuery Plugin Truly Customizable

By: Gary Stanton

Gary Stanton — Mon, 25 Apr 2011 14:07:30 +0000

Thanks a lot for this post… I’m with Steven Black – there’s hardly any good info out there on how to add callbacks to events in a plugin, and this post helped me out enormously… Cheers!

By: sfsf

sfsf — Wed, 30 Mar 2011 08:52:50 +0000


(function($){
    $.fn.extend({
        //plugin name - animatemenu
        test: function(options) {
            var defaults = {
				msg1:'xxx',
				msg2:'yyy',
				view:function(){ return 'this is me'; }
            };
            var options = $.extend(defaults, options);
            return this.each(function() {
                  var o =options;
                  var obj = $(this);
				  $(this).click(function(){
				  	st=o.view();
					alert(st);
				  });                
            });//return
        }//test
    });
})(jQuery); 

////
$(document).ready(function(){
	$('#a1').test(
	);
	$('#a2').test({
		view:function(){
			return $(this).text();//this is not run, why?? help me
		}
	});
});

By: Mazil

Mazil — Tue, 03 Aug 2010 00:41:27 +0000

Thanks so much for this article! I’m just starting to delve into jquery plugins and it’s hard to find clear, concise examples of what is good practice. Your callback code was very very useful too :)

By: 20 Must Read JQuery Tutorials for Web Developers | Gadgets World

20 Must Read JQuery Tutorials for Web Developers | Gadgets World — Fri, 18 Jun 2010 16:12:15 +0000

[...] Making a jQuery Plugin Truly Customizable [...]

By: Crear un plugin con jQuery | Uninstallme

Crear un plugin con jQuery | Uninstallme — Sun, 06 Jun 2010 18:18:31 +0000

[...] Making a jQuery Plugin Truly Customizable [...]

By: 20 Must Read JQuery Tutorials for Web Developers | Gadgets World

20 Must Read JQuery Tutorials for Web Developers | Gadgets World — Wed, 19 May 2010 15:13:43 +0000

[...] Making a jQuery Plugin Truly Customizable [...]

By: Paginate Anything with jQuery! | Software Source Update

Paginate Anything with jQuery! | Software Source Update — Sun, 29 Nov 2009 01:55:17 +0000

[...] Making a jQuery Plugin Truly Customizable [...]

By: Vincent

Vincent — Wed, 09 Sep 2009 16:35:29 +0000

Hi, really nice article,
I’ve just a question regarding JSLINT. It suggests this :

/////////
Move the invocation into the parens that contain the function.
…..
….})(jQuery);
/////////

and now we get this :

/////////
….
….}(jQuery));
/////////

do you see something dangerous with this transformation?

Thank you very much.

Vincent

By: Mr Speaker

Mr Speaker — Tue, 08 Sep 2009 01:57:14 +0000

Thanks for the great blog! Just one thing that I like to do with my plugins is provide an "unnamed" callback kind of like in the jQuery core. Then you have your plugin signature as $.fn.superGallery = function(options, callback) with the callback as the second parameter. When there are no options, you check to see if "options" are options or really the callback (this looks like how they do it in jQuery)

var defaults = { delay : 80 };
if ( jQuery.isFunction( options ) ) {
	callback = options;
	options = {};
}
var settings = $.extend({}, defaults, options);

Something like that. Then you can call the callback like before (but check if you have to): if ( callback ) callback.call(this); Then you can use the plugin without options: $('ul.imgs li').superGallery( function(){ /* callback */ } );

By: wheresrhys » Blog Archive » My jQuery plugin writing tips

wheresrhys » Blog Archive » My jQuery plugin writing tips — Wed, 02 Sep 2009 18:58:48 +0000

[...] jQuery. There still is, but one thing that struck me is that there are a lot of great tutorials on writing jQuery plugins out there but none of them individually captures all the things that took my plugins [...]