JQuery Splitter：如何在頁面加載時默認分割左側面板

Question

我正在使用JQuery Splitter splitter.js，並且在加載頁面時，我想將左側面板分割爲默認關閉/分割。在加載頁面時，我不想顯示左側面板。如何在頁面加載時默認分割左側面板。

Answer 1

從 docs

爲了使窗格中的一個最初 不可見的，設置其大小爲0，例如 sizeLeft：0會將分隔欄放在 分隔欄的左側，並且 左側窗格將不可見。

使用

sizeLeft: 0 

Answer 2

如果您正在使用this splitter plugin（這是我第一次谷歌命中），則該文件應該會有所幫助：

設置初始splitbar位置

默認情況下，分離器給出兩個相同大小的 窗格。您可以直接在拆分器選項中將 初始位置設置爲樣式或 。例如，對於 示例，sizeTop：對於 水平分離器說是使用 頂部窗格的高度（來自 表或內聯樣式）作爲其初始高度的 。傳遞一個布爾值的數字 ，如sizeLeft：200至 給出 窗格的初始寬度/高度（以像素爲單位）。要使 窗格之一最初不可見，請將其 大小設置爲0，例如， sizeLeft：0會將 拆分欄放在 拆分器的左側，左側窗格將不會顯示爲 。

指定一個窗格的大小也 告訴分離器的當前大小時，分離器容器 調整大小以容納該窗格 ;對其他窗格進行任何更改 。但是，該窗格仍可能需要調整大小 以遵守爲其他窗格定義的最小/最大高度約束 。