调试jQuery动画

时间:2013-08-19 20:36:31

标签: jquery bookblock

我正在使用一个名为“bookblock”的页面翻转插件(可以找到演示here)。

我已将图像放在每个页面上,我会动态添加这些图像。问题是当我翻页时,前一个和下一个div在书的每一边突然挤在一起。以下屏幕截图是在页面翻转的动画中间拍摄的。

enter image description here

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

可以找到此网站的实时版本here。我试过添加

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

在动画序列之前,它似乎从js / jquery.bookblock.js的第259行开始,但没有运气。我怎么能去调试这个问题呢?

更新:我很抱歉,我应该提到您可以通过点击实时版本中每个div右下角的“展开”图标来访问该翻书。

1 个答案:

答案 0 :(得分:0)

我不确定为什么会这样,但是脸部的有用评论帮助我发现调整窗口大小实际上解决了这个问题。

在我更新书中的项目后,我会触发调整大小的方法:

$(window).resize();

似乎摆脱了这个问题,谢谢!

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