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

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

---

.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

---

resize.container is the event that is getting bound with the function to the element. It seems like a custom event someone created, called like $().trigger("resize.container");

---

If you look at the jQuery documentation for bind() you see the signature for bind() is:

.bind( eventType, [eventData,] handler(eventObject) )

So in this case resize.container is an eventType. That's all it is. It's not a native event (like, say, click or change or load), it's a custom event. The . part is about namespaces. You can read about namespaced events here.