Fancybox не работает в IE: объект не поддерживает этот метод - PullRequest
1 голос
/ 10 ноября 2011

Я использую fancybox в качестве держателя изображения, он отлично работает во всех браузерах, кроме всех версий IE. Я просмотрел все похожие вопросы, но они не помогли.
Мой Doctype <!DOCTYPE html>. Я включил последнюю версию jQuery перед плагином fancybox в шапку, и у меня нет предупреждений об ошибках в firebug.
Одна из страниц: Здесь , а раздел изображения внизу.
Пожалуйста, помогите мне. Заранее спасибо.

Если вам не удобно заходить на страницу, это мой заголовок:

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

Ответы [ 2 ]

0 голосов
/ 10 ноября 2011

Мне кажется, я помню, что несколько месяцев назад у меня была похожая проблема, и обходной путь заключался в том, чтобы заставить IE перейти в режим совместимости с IE 8.

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

0 голосов
/ 10 ноября 2011

Может быть, это из-за этого:

/*<![CDATA[*/

Или это:

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

попробуйте удалить его

...