使用jquery如何订阅容器大小调整事件?

时间:2011-07-08 01:16:40

标签: javascript jquery javascript-events

所以我知道我可以这样做:

$(window).resize(function() {funkyfunc();});

这将在窗口大小调整上运行funkyfunc()。

我的问题是,我希望在另一个控件调整大小后重新调整控件的大小。 这不起作用 - 我有什么遗漏或者这根本不可能吗?

 $('#myDiv').parent().resize(function() {funkyfunc();});

2 个答案:

答案 0 :(得分:3)

resize事件仅在window上调用以调整浏览器窗口的大小,而在单个元素上不存在。除了你的代码之外,还有什么可以调整它们的大小?如果是这种情况,那么您可以通过调用.trigger('resize')或您调整大小的元素上的某些内容来获取代码来触发resize事件。

答案 1 :(得分:3)

没有特定的javascript事件,例如你可以绑定的resize,但你可以通过找到触发调整第一个控件的大小,然后在发生这种情况时手动调用funkyfunc来完成它。或者,您可以在调整第一个控件的大小时触发自定义事件。

有关灵感,请查看jQuery可调整大小的内容:

http://jqueryui.com/demos/resizable/

您会看到选项' alsoResize'这听起来像你想要的。