FancyBox + Windows IE/FF =失败

我有一个FancyBox（2.0.5）页面，每个浏览器都显示得很漂亮，但IE和FF都是Windows。我可能只需要一些新鲜的眼睛就可以了。FancyBox + Windows IE/FF =失败

这里是我的代码：

$('.fancybox').fancybox({ 
'type': 'iframe', 
'width': 800, 
'height': 580 
});

正如你所看到的，这是很基本的。我没有使用任何助手，也没有修改默认的CSS。

在所有Mac浏览器，Chrome浏览器的PC，我得到这个：

enter image description here

这恰恰是我应该得到（虽然我可以不带滚动条做）。

在IE 7 & 8（没试过9）和FF的Windows，我得到这个：

enter image description here

没有框架，没有背景，也没有关闭按钮。另外，你不能关闭它;你必须刷新。

有什么我在这里失踪？

这里是一个链接：http://www.downtownmuncie.org/business/search2/arts/你会想要点击小地图下的“缩放地图”链接。

来源

2012-07-21 Ty Morton

可能的重复。看看这里：http://stackoverflow.com/questions/9011549/internet-explorer-not-working-properly-with-fancy-box – davidbuzatto 2012-07-21 16:07:21

但这是Firefox！ – Linuxios 2012-07-21 16:19:38

没有。我的DOCTYPE设置为“<！DOCTYPE html PUBLIC” - // W3C // DTD XHTML 1.0 Strict // EN“”http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“> '和我的字符编码设置为utf-8。 – 2012-07-21 16:20:23

有，如果你想的fancybox可行的，你需要在你的网站来解决很多事情

首先，线153和154（最可能是其他的东西了。）：您加载2种的情况下， fancybox当你真的需要一个单一的

<script src="http://www.downtownmuncie.org/s/fancybox/jquery.fancybox.js" type="text/javascript"></script> 
<script src="http://www.downtownmuncie.org/s/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script>

选择其中任何一个，但不是两个。

二，您的问题，真正的问题是线路155

<link href="http://www.downtownmuncie.org/s/fancybox/jquery.fancybox.css" type="text/javascript" type="text/css" rel="stylesheet" >

请注意，您必须type="text/javascript"和type="text/css"这个为什么的fancybox css文件无法加载，使其显示古怪（复制和粘贴可能会非常危险。）从该行中删除type="text/javascript"，建议将它移动到文档的<head>部分。

三，行号4 你和额外的双引号“，让您的文档没有任何字符编码信息;该部分：

content="text/html; charset="utf-8"

应该

content="text/html; charset=utf-8"

，如果你可以找到差异（提示：全部作为content的值）

第四和最后，线路158

<script type="text/javascript"> 
$('a.fancybox').fancybox({ 
'type': 'iframe', 
'width': 800, 
'height': 580 
}); 
</script>

的.ready()方法中包装你的脚本一样

<script type="text/javascript"> 
$(document).ready(function(){ 
$('a.fancybox').fancybox({ 
    'type': 'iframe', 
    'width': 800, 
    'height': 580 
}); 
}); 
</script>

由该方式http://fancyapps.com/fancybox/#instructions

这也是建议使用a validator来记录检查并修复所有你的小编码错误。

来源

2012-07-22 06:45:01 JFK

+1以获得非常详尽的答案。 – Spudley 2012-07-22 07:00:32

太棒了！感谢您提供全面的答案和专业的交付。我很尴尬地犯了这么多新秀错误，但是当你冲过你的工作时会发生这种情况。我几乎希望其他浏览器不那么宽容。我可能会更早地发现这些错误。再次感谢！ – 2012-07-22 14:35:28

FancyBox + Windows IE/FF =失败

回答

相关问题