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

Question

我为我的问题和jsFiddle创建了一个简单的例子.基本上我想要两件事:

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

2. 当调整大小条移动时,重新调整图表的大小以适合其容器

注意:我使用jQuery UI布局插件进行布局管理,我不知道如何使用移动的调整大小条来处理resize事件.

我已经做了很长时间,仍然在寻找这方面的答案.感谢任何提供意见或建议的人.

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

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