How to write a jquery ui plugin?

Question

I want to write a jquery ui plugin? I can't find a useful tutorial which will guide me from start. I've never written a plugin for jquery before.

I want to prevent draggables from overlappping on each other. I found a plugin for jquery ui but it doesn't work with version 1.7.1 of jQuery UI

Please help!

Answer 1

A jQuery plugin is essentially a collection of function routines.

Have a look here: http://api.jquery.com/category/ajax/

There isn't a definitive "HOW DO I START WRITING PLUGINS" section, but the documentation is rather good.

Note: This: http://www.queness.com/post/112/a-really-simple-jquery-plugin-tutorial may also help

Answer 2

Jquery in action book can help you. http://www.manning.com/bibeault/

Answer 3

Have a look at the developer guide.

I believe using the Widget Factory is the recommended pattern.

http://docs.jquery.com/UI_Developer_Guide