javascript - JQuery - 如何将新函数附加到现有事件处理程序？

Question

我遇到过这个用例：多个模板文件有自己的 JavaScript 代码来处理浏览器调整大小。我希望，作为渲染结果，所有模板都将使用每个模板中定义的 JavaScript 处理浏览器调整大小事件（类似于 C# 的事件处理程序功能）

例如：

header.jsp - alert('foo') when browser resizes

body.jsp - alert('bar') when browser resizes

When header/body.jsp are rendered into one page:

alert('foo') then alert('bar') when browser resizes.

到目前为止，我还没有看到 JQuery 如何支持这个用例。我的想法可行吗？

谢谢！

Answer 1

JavaScript 是 .js 文件而不是 .jsp。

但是你必须监听的事件是 resize 事件。在 JQuery 中你可以使用这个：

$(document).resize(function() {
    //whatever
    alert('foo');
});

或者

$(document).on('resize', function() {
    //whatever
    alert('bar');
});