Facebook comme bouton montrant dans Firefox mais ne montrant pas dans IE

J'ai un Facebook comme le bouton sur ma page à l'aide de la XBFML tag. Je pense que le code de travail, parce qu'il fonctionne dans Firefox sans problème.

Mais dans IE 8 (en cours d'exécution dans IE 7 mode compatible), le bouton ne montre pas à tout.

Si je passe tout à l'iFrame version du bouton j'aime de tout cela fonctionne. Mais quand j'y vais avec le XBFML tag, il ne fonctionne pas.

Quelqu'un courir dans quelque chose comme cela?

source d'informationauteur CubanX

  1. 18

    Essayez d'ajouter l'attribut xmlns le document HTML pour le FB de l'espace de noms: 

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

    C'est un autre cas où Firefox est trop indulgent vs IE.

  2. 3

    l'attribut: xmlns:fb="http://www.facebook.com/2008/fbml" est mentionné comme un "doit être utilisé" dans le Facebook Connect documentation. Quelques conseils ici.

  3. 1

    Je pense que j'ai une implémentation légèrement différente que vous, mais le même problème de ne pas voir mon Facebook boutons sociaux dans IE uniquement. Il s'est avéré que c'était parce que j'avais mis le Facebook balise de script en bas de ma page. La solution a été de passer

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

    de sorte qu'il était avant mon bouton d'insertion:

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

    Ensuite les boutons a commencé à montrer dans IE.

  4. 0
    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");
            }
        }
    }

    ne les mettez PAS dans un $(document).prêt() la fonction!