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 fileending而不是.jsp。

但你必须听的事件是resize事件。在JQuery中，您可以使用：

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

或

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