Кнопка «Мне нравится» на Facebook отображается в Firefox, но не отображается в IE

Question

На моей странице есть кнопка «Мне нравится в Facebook» с тегом XBFML. Я думаю, что код работает, потому что он работает в Firefox без проблем.

Но в IE 8 (работает в режиме, совместимом с IE 7) кнопка вообще не отображается.

Если я переключу все это на iFrame-версию кнопки «Мне нравится», все будет работать. Но когда я иду с тегом XBFML, он не работает.

Кто-нибудь сталкивался с чем-то подобным?

Answer 1

Попробуйте добавить атрибут xmlns в документ HTML для пространства имен FB:

xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/"

Это еще один случай, когда Firefox слишком прост, чем IE.

Answer 2

атрибут: xmlns: fb = "http://www.facebook.com/2008/fbml" упоминается как" должен использоваться "в документации по Facebook Connect. Некоторые указатели здесь .

Answer 3

Я думаю, что у меня немного другая реализация, чем у вас, но та же общая проблема - не видеть мои кнопки социальных сетей Facebook только в IE. Оказалось, что это потому, что я поместил тег сценария Facebook внизу моей страницы. Решение было перенести

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>

, чтобы до вставки моей кнопки было :

<fb:like href="" send="true" layout="button_count" width="350" show_faces="true" font=""></fb:like>

Затем кнопки начали появляться и в IE.

Answer 4

if(document.namespaces) {
    //IE
    document.namespaces.add("fb", "http://ogp.me/ns#");
    document.namespaces.add("og", "http://ogp.me/ns/fb#");

    if (typeof(console) != 'undefined' && console) {
        console.log("IE: OG and FB NameSpace added");
    } else {
        //Other Browsers
        var htmlRoot = jQuery(jQuery("html").get(0));
        if(typeof(htmlRoot.attr("xmlns:fb")) == "undefined") {
            htmlRoot.attr("xmlns:og",'http://ogp.me/ns#');
            htmlRoot.attr("xmlns:fb",'http://ogp.me/ns/fb#');
            if (typeof(console) != 'undefined' && console) {
                console.log("OG and FB NameSpace added");
            }
        }
    }

НЕ помещайте это в функцию $ (document) .ready ()!