Jquery iframe未加载
这只发生在狩猎中 www.dalworth.comJquery iframe未加载,jquery,iframe,safari,Jquery,Iframe,Safari,这只发生在狩猎中 www.dalworth.com 请注意jquerycarousel的特色内容 内容自动循环前进,当它到达#3时,欢迎收看Dalworth视频,它会正确显示 但问题是: 如果允许它向前循环到第四个缩略图,然后单击返回到#3(欢迎使用Dalworth视频),则iframe位置错误,它仅显示图像的三分之一 但是,如果滚动,视频会突然正确地弹出到位 我完全被难住了。这是Safari中的渲染问题。这不是你可以特别修复的东西,除了一个骇人的功能,可以在标签改变时使页面向下滚动并立
- 请注意jquerycarousel的特色内容
- 内容自动循环前进,当它到达#3时,欢迎收看Dalworth视频,它会正确显示
- 如果允许它向前循环到第四个缩略图,然后单击返回到#3(欢迎使用Dalworth视频),则iframe位置错误,它仅显示图像的三分之一
- 但是,如果滚动,视频会突然正确地弹出到位
我完全被难住了。这是Safari中的渲染问题。这不是你可以特别修复的东西,除了一个骇人的功能,可以在标签改变时使页面向下滚动并立即返回到原来的位置
但是,如果他们启用了HTML5视频,它确实可以工作:编辑:全新答案 使用Safari的调试器,这个技巧对我很有效。隐藏父li之前,将iframe调整为0x0。然后在隐藏li后立即调整其大小。这是您的
setSlider()
函数提供的:
list.find("iframe").attr({ height: 0, width: 0 });
list.filter(':visible').hide().end().eq(index).fadeIn();
list.find("iframe").attr({ height: 340, width: 560 });
编辑:我在v5.0.5中实现了这一功能。如果你看到我最初的答案,基本上就是这样。将单击处理程序替换为此处理程序,该处理程序在转换后滚动1px并返回:
btn.click(function(){
index=jQuery(this).index();
list.filter(':visible').hide().end().eq(index).fadeIn();
scrollTo(document.body.scrollLeft, document.body.scrollTop+1);
scrollTo(document.body.scrollLeft, document.body.scrollTop-1);
btn.removeClass('fc_current');
btn.eq(index).addClass('fc_current');
clearTimeout(timer);timer=undefined;setSlider();
});
你可以在过渡处看到一个快速的闪光,但不是很明显。这对我不起作用,吉利。当我让它自动循环到#4后单击返回到#3时,它仍然只显示部分图像。此外,当它消失并调整大小时,会出现非常不和谐的折叠和扩展。谢谢你的推荐,但还是不行。如果有,我会选择Safari 5.0.5help@samseaborn-在5.0.5中解决此问题后,请确保在5.1中也测试您的解决方案。@samseaborn-我在v5.0.5中使用了它。我更新了我的答案。是的!谢谢gilly3把它搞定了!我感谢你的帮助!恭喜你赢得了我的第一笔赏金!