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

Question

我为我的问题创建了一个简单的示例，其位置为 jsFiddle 。基本上我想要两件事:

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

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

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

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

Answer 1

好的，要在 JQuery UI 布局中触发调整大小事件，您可以为整个布局或布局的每个部分触发事件。

使用您的 jsFiddle 示例...可以像这样触发调整 View 大小的西布局:

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.') },

每当任何 View 调整大小时，这些都会受到影响。这也包括窗口调整大小事件。