尝试使其工作: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
});

最佳答案

弄清楚了。我正在使用引导程序选项卡。该选项卡必须处于活动状态,才能正确加载。以前,我是在页面加载时加载它的。当选项卡首次激活时,我将其切换为加载并修复了该问题。

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

关于javascript - 在执行奇怪的步骤序列之前,拆分器不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/37581711/

10-13 01:09