jQuery UI 布局 - 是否可以在加载后更改窗格的属性？

Question

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

This pane 有一个具有一定高度和宽度的 "toggle" 按钮（我把它设为一个令人讨厌的值只是为了演示）。

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

我想知道如果/如何我可以在布局实例化后修改该切换按钮的设置或任何其他相关设置。例如，在 button.click() 上，我可能想将它的 height/width 设置为 0，这样用户就无法与之交互。

在我的 JS Fiddle 中，我可以访问布局并在单击处理函数中切换窗格 "Open" 或 "Closed"。但是，实例化后我似乎无法更改它的属性。有人知道怎么做吗？

Fiddle: http://jsfiddle.net/c92whe17/6/

Answer 1

你很接近。你可以这样做：

testLayout.options.east.spacing_open = 20;

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

http://jsfiddle.net/jc3rj681/

jQuery UI 布局 - 是否可以在加载后更改窗格的属性？

jQuery UI Layout - is it possible to change attributes of panes AFTER they load?

javascript

jquery

jquery-ui-layout