0

下午好！

我需要一些帮助。我一直在这里撞墙，无法弄清楚为什么fancybox不起作用。我正在尝试加载一些带有一些链接的 iframe 并将它们显示在一个花式框中。

我正在使用来自 fancybox 的默认包含。

有谁知道我做错了什么？

谢谢你看看这个。

罗斯

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"  <html xmlns="http://www.w3.org/1999/xhtml">  
<head>   
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />    
<script type="text/javascript" src="/lib/jquery-1.8.2.min.js"></script>   
<script type="text/javascript" src="/source/jquery.fancybox.js"></script>   
<link type="css/test" rel="stylesheet" href="/source/jquery.fancybox.css" media="screen"/>   
<script type="text/javascript">   
    $(document).ready(function() {  
        $('.fancybox').fancybox();    
    });      
</script>     
<a class="fancybox fancybox-iframe" href="/Contact.html">
4

2 回答 2

1

无法在 IE 中运行，因为您的文档在 quirks 模式下运行。fancybox 需要标准模式才能在 IE 中正常工作。

您当前的DOCTYPE声明是（如您上面的代码）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"  <html xmlns="http://www.w3.org/1999/xhtml">

我想应该是

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

（你错过了DOCTYPE正确关闭声明......除非是错字）

此外，更改此行：

<a class="fancybox fancybox-iframe" href="/Contact.html">

进入这个：

<a class="fancybox fancybox.iframe" href="/Contact.html"> ...</a>

... 或者 ：

<a class="fancybox" data-fancybox-type="iframe" href="/Contact.html"> ...</a>

...还要确保您<a>正确关闭标签

于 2012-10-17T21:05:37.400 回答
0

尝试将脚本更改为：

$(document).ready(function(){
    $("a#featured").fancybox({
      'hideOnContentClick': true,
      'transitionIn'        : 'none',
      'transitionOut'       : 'none',
      'type'                : 'iframe'
    });
});

然后使用：

 <a id="featured" href="/Contact.html">
于 2012-10-17T17:13:30.077 回答