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

Question

这是做什么的：

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

显然，它是通过调整大小事件调用的，但是 .container 位是做什么用的？

我也没有找到任何关于这种语法“event.bla”的文档——目的是什么？

谢谢， 韦斯利

Answer 1

.container 用作命名空间。使用此命名空间，您可以取消元素上 resize 事件的绑定，如下所示。

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.

注意：事件命名空间广泛用于插件开发中，以免页面或其他插件绑定在元素上的事件发生改变

Jquery 文档此处

Answer 2

resize.container 是与元素的函数绑定的事件。这似乎是某人创建的自定义事件，名为 $().trigger("resize.container");

Answer 3

如果您查看 bind() 的 jQuery 文档，您会看到以下签名： bind() 是：

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

因此在本例中 resize.container 是一个 eventType。仅此而已。它不是本机事件（例如，click 或 change 或 load），它是自定义事件。 . 部分是关于命名空间的。您可以在此处阅读有关命名空间事件的信息。