Question

What does this do:

element.bind("resize.container", function() { 
     //.....
});

Apparently, it gets called with the resize event, but what is the .container bit for?

I also didn’t find any documentation about this kind of syntax “event.bla” — what is the purpose?

Thanks,
Wesley

Answer 1

.container is used as a namespace. Using this namespace you can unbind the resize event on element as below

element.unbind("resize.container");//This will unbind only the handlers which are bound using "resize.container".

element.unbind("resize");//this will unbind all the resize event handlers on this element.

Note: event namespacing is widely used in plugin development so as not to alter with the events bound on the element by the page or other plugins

Jquery documentation here