jquery - iframe 未加载

Question

这只发生在 Safari 中。

www.dalworthrestoration.com

• 注意特色内容 jQuery 轮播

• 内容自动向前循环，当到达#3(欢迎来到 Dalworth)视频时，它会正确显示。

但问题是:

• 如果您允许它向前循环到第 4 个缩略图，然后单击返回到 #3(欢迎来到 Dalworth)视频，则 iframe 位置错误，它只显示图像的三分之一。

• 但是，如果您滚动，视频会突然正确弹出到位。

我完全被难住了。

Answer 1

编辑:全新答案。

这个技巧对我有用，使用 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();
});

您会在过渡时看到快速闪烁，但不是很明显。