gpt4 book ai didi

javascript - fancybox-1.3.4 在 iE8 中不工作

转载 作者:太空宇宙 更新时间:2023-11-04 14:08:19 25 4
gpt4 key购买 nike

我有以下代码示例,我想在 fancybox 中打开视频,它几乎在所有浏览器上都能正常工作,除非我尝试在 IE 8 标准模式下测试它。

它在 IE 9 及更高版本中运行良好。

基于 this solution我添加了以下代码行,但这并不能使它工作 iframe: { preload: false }

HTML 减速代码如下

<!DOCTYPE html >
<html lang="en">
<head id="Head1" runat="server">
<title></title>
.........

示例代码

<div class="video-icon">
<a href="http://www.youtube.com/embed/CR0AXNtwqZE?autoplay=1" class="fancybox-video"><img src="coorporate-video-icon.jpg"/></a>
</div>


$("a.fancybox-video").fancybox({
width: 600,
height: 440,
closeClick: true,
hideOnOverlayClick: true,
type: 'iframe',
iframe: { preload: false // fixes issue with iframe and IE
}
});

我不确定是什么破坏了它,我无法创建一个 fiddle 示例,因为 fiddle 在 IE 8 中不起作用,我们将不胜感激。

更新:我尝试使用 fancybox 版本 2.1.3 但我仍然面临同样的问题..

最佳答案

它不起作用并不能真正说明问题所在。

如果它甚至不能与 v2.1.3 一起使用,那么您可能还有其他问题。这是用于对 IE 进行故障排除的 list :

  • 确保您有正确的 DOCTYPE,并且 DOCTYPE 是您的 html 文档的第一行,这样 IE 就不会切换到 quirks 模式。

  • 确保将自定义脚本包装在 .ready() 方法中。

  • 确保您使用了正确的 fancybox 选项

  • 确保在最后一个选项后没有任何额外的试验逗号

  • 检查其他脚本冲突(其他脚本的语法错误可能会导致 fancybox 停止工作)

  • 确保您没有任何其他 js 错误。检查 IE 是否未显示此图标(浏览器的左下角):

    enter image description here

否则,这个html

<a href="http://www.youtube.com/embed/CR0AXNtwqZE?autoplay=1" class="fancybox-video"><img src="coorporate-video-icon.jpg"/></a>

和这个 jQuery 代码,都可以在 IE[7-9] 中使用 fancybox v1.3.4 正常工作:

jQuery(document).ready(function ($) {
$("a.fancybox-video").fancybox({
width: 600,
height: 440,
hideOnContentClick: true, // closeClick: true, // this for v2.x
hideOnOverlayClick: true,
type: 'iframe'
});
}); // ready

参见 http://www.picssel.com/playground/jquery/youtubeEmbedIframe_07jan14.html 上的演示

关于javascript - fancybox-1.3.4 在 iE8 中不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20963748/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com