jQuery Forum

*bump* I think this post may have gotten lost and I know there are some people here who have the answers. :D

If you have a reallyCool widget in your myns namespace, your $.widget() call would look like

1. $.widget( "myns.reallyCool", {...

Note that in that line, what's on the left of the dot is the widget namespace, what's on the right is the widget name.

If you then do your namespace binds with the widget name:

1. this.element.bind( "keydown.reallyCool", fn );
2. this.element.bind( "keyup.reallyCool", fn );

the widget factory on destroy will automatically call

1. this.element.unbind( ".reallyCool" );

Note that it does this based on the widget name (to the right of the dot) passed into $.widget, not what you used in the .bind()s. It will do this auto .unbind( ".widgetname" ) on the this.element and the this.widget() elements. See http://github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.widget.js#L164 . You'll still need to call such an unbind on any other elements you may have bound such events to.

I rather like the readability of the code above, with the widget name hardcoded and repeated, but if you prefer, you could do something like

1. var ns = "myns",
2.     widgetName = "reallyCool";
3. $.widget( ns + "." + widgetName, {...
4. ...
   
5. this.element.bind( "keydown." + widgetName, fn );
6. this.element.bind( "keyup." + widgetName, fn );

or I guess you could use this.widgetName