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

时间:2012-07-08 23:43:00

标签: css jquery-ui jquery-plugins jquery

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

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

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

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

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

1 个答案:

答案 0 :(得分:6)

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

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