将调整大小事件绑定到元素

Question

我发现了this script

第23/24行是此代码：

$(window).off('resize.flexImages'+grid.data('flex-t'));
$(window).on('resize.flexImages'+t, function(){ makeGrid(grid, items, o); });

resize.flexImages到底能做什么？

Answer 1

'resize.flexImages'只是一个字符串represents an event type in the DOM-在该脚本中使用它来开始绑定到事件处理函数的事件的名称，在这种情况下为function(){ makeGrid(grid, items, o); }在on()函数调用期间。

.off()函数调用未指定处理程序函数，因为它可能在on()调用期间已绑定/附加到该事件-再次指定为字符串。 The off() just removes the handler.

如果您在此处阅读文档：https://api.jquery.com/on/，您将看到jQuery建议使用此约定来命名事件，以便它不会干扰其他事件（在本示例中可能是其他resize events）。

可以通过简化事件名称空间来限定事件名称 删除或触发事件。例如，“ click.myPlugin.simple” 为此特定定义myPlugin和简单名称空间 点击事件。通过该字符串附加的click事件处理程序可能是 使用.off（“ click.myPlugin”）或.off（“ click.simple”）删除而没有 干扰附加到元素的其他点击处理程序。命名空间 与CSS类类似，因为它们不是分层的；只有一个 名称必须匹配。命名空间应包含大写/小写字母 和数字。

...来自jQuery文档