Nút thích trên Facebook hiển thị trong Firefox nhưng không hiển thị trong IE

Question

Tôi có nút like trên trang của mình bằng cách sử dụng thẻ XBFML. Tôi nghĩ rằng mã này đang hoạt động, vì nó hoạt động trong Firefox mà không có vấn đề gì.

Nhưng trong IE 8 (chạy ở chế độ tuân thủ IE 7), nút không hiển thị chút nào.

Nếu tôi chuyển tất cả sang phiên bản iFrame của nút tương tự, tất cả đều hoạt động. Nhưng khi tôi đi với thẻ XBFML nó không hoạt động.

Bất cứ ai chạy vào bất cứ điều gì như thế này?

Answer 1

Hãy thử thêm các tính xmlns vào tài liệu HTML cho namespace FB:

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

Đây là một trường hợp Firefox được quá khoan dung vs IE.

Answer 2

thuộc tính: xmlns: fb = "http://www.facebook.com/2008/fbml" được đề cập là "phải được sử dụng" trong tài liệu Kết nối Facebook. Some pointers here.

Answer 3

Tôi nghĩ rằng tôi có một triển khai hơi khác so với bạn, nhưng vấn đề chung chung của việc không nhìn thấy các nút xã hội Facebook của tôi chỉ trong IE. Hóa ra đó là vì tôi đã đặt thẻ tập lệnh Facebook ở cuối trang của tôi. Giải pháp là để di chuyển

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

để nó là trước khi tôi chèn nút:

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

Sau đó, các nút bắt đầu xuất hiện trong IE là tốt.

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

KHÔNG đặt hàm này vào hàm $ (document) .ready()!