jQuery UI Layout - 是否可以在加载后更改窗格的属性?

时间:2015-07-27 19:15:02

标签: javascript jquery jquery-ui-layout

我有一个窗格,它是使用插件jQuery UI Layout创建的一组窗格的一部分。

This pane有一个“切换”按钮,具有一定的高度和宽度(为了演示,我将其作为一个令人讨厌的值)。

$('body').layout({
    applyDefaultStyles: true,
    east: {
        spacing_closed: 100, //toggler width
        spacing_open: 100,
        togglerLength_closed: 200, //toggler height (length)
        togglerLength_open: 200,
    }
});

我想知道 if / how 我可以在布局实例化之后修改该切换按钮的设置或其他任何事情。例如,在button.click()上,我可能希望将其高度/宽度设置为0,以便用户无法与其进行交互。

在我的JS Fiddle中,我可以访问布局并在单击处理函数中切换窗格“打开”或“关闭”。但是,在实例化之后,我似乎无法更改它的属性。有谁知道怎么做?

小提琴: http://jsfiddle.net/c92whe17/6/

1 个答案:

答案 0 :(得分:1)

你很亲密。你可以这样做:

testLayout.options.east.spacing_open = 20;

除非你能找到一些刷新方法,否则直到你切换它才会更新UI,所以我只是将它切换两次。

http://jsfiddle.net/jc3rj681/