Question

我使用fancybox作为图像持有者，除了所有版本的IE之外，它在所有浏览器中都可以正常工作。我查看了所有类似的问题，但他们没有帮助我的Doctype是<!DOCTYPE html>。我在标题中的fancybox插件之前包含了最新的jQuery，并且我在firebug中没有错误警告。
其中一个页面位于：Here，图像部分位于底部请帮我。先谢谢。

如果您不方便去看页面，这是我的标题：

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" >
    <link rel="shortcut icon" href="http://img.dachaocai.com/sys/fav.ico"  type="image/x-icon"/>
    <link rel="stylesheet" type="text/css" href="http://img.dachaocai.com/css/global.css" media="screen, projection" />
    <!--[if lt IE 8]>
    <link rel="stylesheet" type="text/css" href="/css/ie.css" media="screen, projection" />
    <![endif]-->
    <script type="text/javascript" src="http://img.dachaocai.com/js/jq.js"></script>
    <script type="text/javascript" src="http://img.dachaocai.com/js/global.js"></script>
    <script type="text/javascript">isUser=false; </script>
    <meta name="keywords" content="电影,铁甲钢拳 Real Steel(2011),肖恩·列维,休·杰克曼 / Dako,剧照,海报,预告片" />
    <meta name="description" content="电影 铁甲钢拳 Real Steel(2011) 的预告片, 简介, 评分, 影评, 剧照, 海报与讨论 · 大巢菜·电影·文艺·more" />
    <link rel="stylesheet" type="text/css" href="http://img.dachaocai.com/css/bmfview.css" />
    <link rel="stylesheet" type="text/css" href="/clientscript/ui/jui.css" />
    <link rel="stylesheet" type="text/css" href="http://img.dachaocai.com/js/fb/fb2.css" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script>
    <script type="text/javascript" src="http://img.dachaocai.com/js/bmf.js"></script>
    <script type="text/javascript" src="http:///img.dachaocai.com/js/fb/fb.js"></script>
    <script type="text/javascript">
    /*<![CDATA[*/
    $(function(){
      $(".fb").fancybox();
      ui();
      $("#pics .pagelink").click(function(){$("#imgs").html("<div class=\"loader\"><img src=\"http://img.dachaocai.com/sys/spinnerActive.gif\"/></div>");$this=$(this);$.ajax({url:"/j/getpics",data:{"t":"film","tid":tid,"p":$(this).html()},success:function(data){$("#imgs").html(data);$(".fb").fancybox();$("#pics .pagelink").attr("id","");$this.attr("id","curpage");ui();}})});
});
function ui(){
    $(".imgholder img").hover(function(){$(this).animate({"border-top-width":"3px","border-left-width":"3px","border-right-width":"3px","border-bottom-width":"10px"},200);},function(){$(this).css("border-width","0px");});
}
    /*]]>*/
    </script>
    <title>铁甲钢拳 Real Steel(2011) · 大巢菜</title>
    <script type="text/javascript">

    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-25549966-1']);
    _gaq.push(['_addOrganic', 'baidu', 'word']);
    _gaq.push(['_addOrganic', 'soso', 'w']);
    _gaq.push(['_addOrganic', 'yodao', 'q']);
    _gaq.push(['_addOrganic', 'sogou', 'query']);

    _gaq.push(['_trackPageview']);
    _gaq.push(['_trackPageLoadTime']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();

    </script>
    </head>

Answer 1

也许是因为这个：

/*<![CDATA[*/

或者这个：

<!--[if lt IE 8]>
<link rel="stylesheet" type="text/css" href="/css/ie.css" media="screen, projection" />
<![endif]-->

尝试删除它

Answer 2

我想我记得几个月前也遇到类似的问题，并且解决方法是强迫IE进入IE 8兼容模式。

<meta http-equiv="X-UA-Compatible" content="IE=8" />

Fancybox无法在IE中工作：对象不支持此方法

2 个答案: