jquery - JQuery Splitter：如何在页面加载时默认拆分左面板

Question

我正在使用 JQuery Splitter splitter.js，在加载页面时，我想将左侧面板拆分为默认关闭/拆分。在加载页面时，我对显示左侧面板不感兴趣。如何在页面加载时默认拆分左侧面板。

Answer 1

来自文档

要使其中一个窗格最初不可见，请将其大小设置为 0，例如 sizeLeft: 0 会将拆分条放在拆分器的左侧，而左侧窗格将不可见。

利用

sizeLeft: 0

Answer 2

如果您使用的是这个分离器插件（这是我的第一个谷歌搜索），那么文档应该会有所帮助：

设置初始分割条位置

默认情况下，拆分器使两个窗格大小相等。您可以在样式中或直接在拆分器选项中设置初始位置。例如，sizeTop: true 表示水平分割器使用顶部窗格的高度（来自样式表或内联样式）作为其初始高度。传递一个数字而不是布尔值，例如 sizeLeft: 200 以给出窗格的初始宽度/高度（以像素为单位）。要使其中一个窗格最初不可见，请将其大小设置为 0，例如 sizeLeft: 0 会将拆分条放在拆分器的左侧，而左侧窗格将不可见。

指定一个窗格的大小还告诉拆分器在调整拆分器容器的大小时将该窗格保持在其当前大小；将对另一个窗格进行任何更改。但是，可能仍需要调整该窗格的大小以遵守为其他窗格定义的最小/最大高度约束。