JavaScript не работает в ie8 - PullRequest
Новая
       2

JavaScript не работает в ie8

13 голосов
/ 10 мая 2011

Я использовал скрипт fb для увеличения размера холста.Вот код .. 

<div id="fb-root"></div>

<script type="text/javascript">
    window.fbAsyncInit = function () {
        FB.init({ appId: '171963559525911', status: true, cookie: true, xfbml: true });
        FB.Canvas.setSize({ width: 1500, height: 1500 });
    };

    (function () {
        var e = document.createElement('script');
        e.type = 'text/javascript';
        e.src = document.location.protocol +
                    '//connect.facebook.net/en_US/all.js';
        e.async = true;
        document.getElementById('fb-root').appendChild(e);
    } ());
</script>

<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js" type="text/javascript"></script>

Он работает во всех браузерах, которые я тестировал, кроме IE8.На самом деле также работает в IE9, но не работает в IE8.

Пожалуйста, предложите мне решить проблему.

Спасибо

Ответы [ 3 ]

2 голосов
/ 13 мая 2011

Это то, что я использую для увеличения размера моего холста, и оно работает во всех браузерах: 

<script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php"></script>
<script type="text/javascript">
    FB_RequireFeatures(["CanvasUtil"], function()
    {
      FB.XdComm.Server.init("/xd_receiver.htm?v=2");
      FB.CanvasClient.startTimerToSizeToContent();
    });
    function onWindowResized(info)
    {
      var canvasInfoDiv = document.getElementById("CanvasInfo");
      var text = String.format("window ({0}, {1}), page ({2}, {3}), canvas({4}, {5}), scrollPos({6}, {7}), canvasPos({8}, {9})", 
        info.window.w, info.window.h,info.page.w, info.page.h,
        info.canvas.w, info.canvas.h,
        info.scrollPos.x, info.scrollPos.y,
        info.canvasPos.x, info.canvasPos.y);
      canvasInfoDiv.innerHTML = text;
    }
</script>

Вам также необходимо иметь xd_receiver.htm внутри общедоступного каталога.Вот содержимое этого файла:

xd_receiver.htm 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>cross domain receiver page</title>
</head>
<body>
    <script src="http://static.ak.facebook.com/js/api_lib/v0.4/XdCommReceiver.js?2" type="text/javascript"></script>
</body>
</html>

РЕДАКТИРОВАТЬ: 

$(document).ready(function(){
  FB.init({appId:'your-app-id', status:true, cookie:true, xfbml:true});
  $(window).load(function(){
    FB.Canvas.setSize({height:1100});
  });
});

Очевидно, установите высоту, равную высоте вашего контента.Раньше у меня было: 

FB.Canvas.setSize({height:$('html').height()});

Но IE, похоже, не нравится.Не должен явно указывать высоту #, но должен был в этом случае.

1 голос
/ 11 мая 2011

Давайте попробуем это: 


$.ajax({

  url: document.location.protocol +'/connect.facebook.net/en_US/all.js',

  dataType: 'script',

  success: function(){//do anything ...}

});
0 голосов
/ 11 мая 2011 
(function () {
        //doing stuff
    } ());

должно быть 

(function () {
        //doing stuff
    })();
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...