1

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

这个面板有一个“切换”按钮,它有一定的高度和宽度(我把它变成了一个令人讨厌的值只是为了演示)。

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

我想知道在布局已经实例化后是否/如何修改该切换按钮的设置或其他任何内容。例如,在 上button.click(),我可能想将它的高度/宽度设置为,0以便用户无法与之交互。

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

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

4

1 回答 1

2

你很亲密。你可以做:

testLayout.options.east.spacing_open = 20;

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

http://jsfiddle.net/jc3rj681/

于 2015-07-27T20:14:29.750 回答