javascript - 在执行奇怪的步骤序列之前，拆分器无法工作

Question

试图让它工作:https://github.com/nathancahill/Split.js

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

澄清一下，我有一个由两个 div 组成的垂直拆分器，最初如果您尝试拖动拆分器，没有任何反应。但是，如果您在 Chrome(最新版本)中按 F12，禁用容器上的高度，稍微拖动它，然后重新启用高度，那么它就可以正常工作了。

仅仅禁用和重新启用高度是行不通的，只是拖动它也是如此。必须在禁用高度属性时拖动它。这非常奇怪，我花了很长时间才弄清楚这个解决方法。知道为什么会这样或者我该如何解决它吗？

这是我的初始化设置:

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

Answer 1

想通了。我正在使用 Bootstrap 选项卡。看起来该选项卡必须处于事件状态才能正确加载。以前我在页面加载时加载它。当选项卡第一次激活时，我将其切换为加载并修复了它。

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