2011-11-10 56 views
1

我使用fancybox作为图像保持器,它在所有浏览器(除IE以外的所有版本)中都可以正常工作。我查看了所有类似的问题,但他们没有帮助。
我的文档类型是<!DOCTYPE html>。我在头文件中的fancybox插件之前包含了最新的jQuery,并且在萤火虫中没有错误警告。
其中一页位于:Here,图像部分位于底部。
请帮帮我。事先感谢。Fancybox在IE中不工作:对象不支持此方法

如果您不方便去看的页面,这是我的头:

<!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> 

回答

0

也许是因为这个:

/*<![CDATA[*/ 

或者这样:

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

尝试删除它

0

我想我还记得几个月前也有过类似的问题,并且解决方法是强制IE浏览器进入IE 8兼容模式。

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

+0

嗯,这是不是这个原因,我起初以为,因为它没有工作在IE6,不支持这个元标记,无论是。我的测试证明了这一点。:)感谢你的努力。 – LotusH

相关问题