2010-06-02 4 views
9

XBFML 태그를 사용하여 내 페이지에 Facebook과 같은 버튼이 있습니다. 문제없이 Firefox에서 작동하기 때문에 코드가 작동한다고 생각합니다.페이 스북이 Firefox에서 버튼을 표시하지만 IE에 표시되지 않음

하지만 IE 8 (IE 7 호환 모드로 실행 중)에서는 버튼이 전혀 표시되지 않습니다.

모든 버튼을 iFrame 버전으로 전환하면 모든 기능이 작동합니다. 하지만 XBFML 태그를 사용하면 작동하지 않습니다.

누구나 이와 비슷한 문제가 발생합니까? 의 xmlns를 추가

답변

18

시도는 FB 네임 스페이스에 대한 HTML 문서 속성 :

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

이 파이어 폭스가 IE 대도 용서되는 또 다른 경우입니다.

+0

감사합니다. – CubanX

+0

완벽하게 작동했습니다. –

+1

비동기 적으로 Facebook을 비동기 적으로로드하고 있습니다. 예를 들어 '$ ('html ')을 통해 직접 이름 공간을 추가하는 것이 발견되었습니다. attr ('xmlns : fb ','http : // www .... ') 작동하지 않았다. 나는 지금 페이스 북의 코드를 통해 디버깅을하고 있으며,'document.namespaces'를 사용하여 네임 스페이스를 읽는 것으로 보입니다. jQuery를 통해 네임 스페이스를 추가 한 후에도 document.namespaces [ 'xmlns : fb']'는'undefined'를 반환합니다. . – ripper234

3

속성 : xmlns : fb = "http://www.facebook.com/2008/fbml"은 Facebook Connect 설명서에서 "반드시 사용해야합니다"라고 언급되어 있습니다. Some pointers here.

+0

+1 링크 및 간단한 설명 – Leftium

1

나는 약간 다른 구현이 있다고 생각하지만 IE의 내 Facebook 소셜 버튼을 보지 않는 것과 동일한 일반적인 문제가 있다고 생각합니다. 그것은 내 페이지의 맨 아래에 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에 표시하기 시작했다.

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

$ (document) .ready() 함수에 넣지 마십시오!

관련 문제