jquery - 调试 jQuery 动画

Question

我正在使用一个名为“bookblock”的翻页插件（可以在此处找到演示）。

我在每一页上都放了图片，我是动态添加的。问题是当我翻页时，前一个和下一个 div 突然在书的每一面挤在一起。以下屏幕截图是在翻页动画的中间拍摄的。

如您所见，书中的每一页都是“item1”、“item2”等。所有的显示属性都设置为“none”，但由于某种原因它们可以被看到。

可以在此处找到该站点的实时版本。我试过添加

$(".bb-item").hide();

就在动画序列之前，它似乎从 js/jquery.bookblock.js 的第 259 行开始，但没有运气。我还能如何调试这个问题？

更新：非常抱歉，我应该提到您可以通过单击实时版本中每个 div 右下角的“展开”图标来访问动画书。

Answer 1

我不确定为什么会这样，但是 face 的有用评论帮助我发现调整窗口大小实际上可以解决问题。

在我更新书中的项目后，我触发了 resize 方法：

$(window).resize();

它似乎摆脱了这个问题，谢谢！

bookblock js 文件似乎使用了一个名为的东西debouncedresize，它似乎将一个侦听器附加到一个窗口调整大小事件。我怀疑这可能是相关的，但目前，我对这种行为没有适当的解释。