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

【问题标题】：jQuery UI Layout - is it possible to change attributes of panes AFTER they load?jQuery UI 布局 - 是否可以在加载后更改窗格的属性？
【发布时间】：2015-07-27 19:15:01
【问题描述】：

我有一个窗格，它是使用插件 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,
    }
});

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

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

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

【问题讨论】：

是他们为什么不直接为此（.classname）使用css的任何特殊原因吗？或者直接改变元素的属性（宽度和位置）。在我看来，你的做法有点过于复杂......但这只是我。至于你的问题，我想不出任何直接改变这些的方法。
我想把它作为备份，但不知道这个插件是否有为此内置的东西，我想这样会不会那么混乱
查看您的 js fiddle 代码，（这可能不是原因），在我看来您正在修改间距值，但元素上没有任何内容被刷新（可以理解）但是如果您调用 toggle再次，您将使用切换中硬编码的值重新覆盖您的新值。尝试创建一个函数来实例化您的元素，然后使用函数使其移动。然后尝试修改其值并调用移动函数。（有一个简单地重新定位它可能会很好） - 无论如何，这就是我会尝试的

标签： javascript jquery jquery-ui-layout

【解决方案1】：

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

testLayout.options.east.spacing_open = 20;

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

http://jsfiddle.net/jc3rj681/

【讨论】：

谢谢！我会环顾四周，看看能不能找到刷新点，不过老实说，切换两次可能就足够了！