拆分器在执行奇怪的步骤序列之前不起作用

Question

尝试使其正常运行：https://github.com/nathancahill/Split.js

出于某种原因，我必须禁用容器的css高度，随意拖动拆分器，然后重新启用height属性以使拆分器工作。在我这样做之前，我根本无法移动分离器。知道为什么会这样或者我如何模拟这种效果才能使它发挥作用？

为了澄清，我有一个两个div的垂直分割器，最初如果你试图拖动分割器，没有任何反应。但是，如果你在Chrome中点击F12（最新版本），请禁用容器上的高度，拖动它一点，然后重新启用高度，然后它可以完美地工作。

只是禁用并重新启用高度不起作用，所以只需拖动它即可。必须在禁用height属性时拖动它。这非常奇怪，让我永远想出这个解决方法。知道为什么会这样或者我如何解决它？

以下是我初始化的设置：

Split(['#txtChatWindow', '#txtGuessWindow'], {
  "direction": 'vertical',
  "sizes": [50, 50],
  "minSize": [75, 170],
  "gutterSize": 15
});

Answer 1

想出来。我正在使用引导标签。看起来该标签必须是活动的才能正确加载。以前我在页面加载时加载它。当标签第一次变为活动状态并将其固定时，我将其切换为加载。

我认为禁用高度，然后拖动拆分器，然后重新启用高度导致它重新初始化并自行修复，如果我猜的话。