jQuery 同一页面上的 Ken Burns 效果和视差

Question

我真的用这个把我的头发拉出来了。希望我忽略了一些明显的东西！

我有一个页面需要 Ken Burns 效果滑块和视差横幅（我知道有点过分，但设计要求非常具体！）

http://www.northliving.co.nz

我可以让 KB 和视差效果分开工作，但是当我尝试同时使用它们时，我得到奇怪的、不一致的渲染；即视差部分的位置略有不同（但都是不正确的）- 见下文。

我已尝试以下方法无济于事：

• 使用jQuery的delay()来space两个效果出来。
• 正在清除本地和服务器缓存。
• 注释掉所有其他 jQuery 使用的
• 在最新版本的 Chrome、Safari 和 Firefox
中进行测试

谢谢 - 非常感谢任何想法！

Answer 1

如果其他人遇到类似问题，我的解决方案是在延迟使用后触发 jQuery 调整大小：

function resizeBrowser() {
    $(window).trigger('resize');
}
setTimeout( resizeBrowser, 1500);