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

Question

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

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

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

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

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

Answer 1

OK 因此，要在 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.') },

每当任何视图调整大小时，这些都会被命中。这也包括窗口调整大小事件。