如何使用调整大小栏处理调整大小事件？

Question

我为我的问题和jsFiddle创建了一个简单的示例。 基本上我想要两件事：

1. 当窗口调整大小时，重排图表的大小以适合其容器;

2. 当调整大小栏移动时，重排图表的大小以适合其容器

注意：我正在使用jQuery UI layout plugin进行布局管理，我不知道如何使用移动的调整大小栏处理resize事件。

我已经做了很长时间，仍在寻找有关此问题的答案。感谢任何提供意见或建议的人。

Answer 1

确定因此，要在JQuery UI Layout中触发resize事件，您可以触发整个布局或每个布局的事件。

使用你的jsFiddle示例......可以像这样触发调整视图大小的西部布局：

myLayout = $('body').layout({
// ...
west__onresize: function () {
    alert('only when west layout is redrawn') },

整个布局可以这样触发：

myLayout = $('body').layout({
// ...
onresize: function () {
    alert('whenever anything on layout is redrawn.') },

只要调整任何视图，就会触发这些视图。这包括窗口调整大小事件。