jquery - Cycle2幻灯片故障，其中图像将与下面的DIV随机重叠

Question

在最近的一个项目中，我遇到了一个问题，即 Cycle2 幻灯片中的图像将在其下方的 div 上重叠。它发生得非常随机（有七页使用这个幻灯片，哦，每 8 次或 9 次发生一次——我无法发现这种模式。

发生这种情况时，打开网络检查器将强制重绘，并且图像将弹出到位。我在 Safari、Firefox 和 Chrome 以及 Mac 和 Windows 上都看到了这一点。

故障的屏幕截图在 Droplr 上，现场版本在这里。它发生在所有七个页面（在 Seraform 和 Previous Work 菜单下），并且可能需要在所有页面上单击几次才能看到问题。

http://d.pr/i/wnwk

这就是页面的外观：

http://d.pr/i/esRS

我已经尝试了所有我能想到的调试技巧，但完全不知所措。

Answer 1

当我进一步调查这个问题时，我发现问题与持有幻灯片的 div 相关，该幻灯片总是从 0 像素的区域开始。大多数情况下，该 div 会自动调整大小（将另一个 div 向下推），但在极少数情况下，该块会保持 0 像素，从而导致图像重叠。

为了解决这个问题，我加入了我在Coderwall上找到的重绘功能，作为一些 JS 的一部分，以便在准备好的文档上重绘幻灯片区域。