未啓用移動設備瀏覽器的Facebook apprequest對話框

我在移動設備瀏覽器的網站中遇到了此問題。該問題的情況是，我們正在顯示通過我的應用登錄的用戶的朋友。並且在用戶名附近時，我們給出了一個邀請按鈕，當用戶點擊該邀請按鈕時，Facebook apprequest對話框將爲該用戶打開。在我通過用戶Facebook用戶ID。以下是我的代碼片段。未啓用移動設備瀏覽器的Facebook apprequest對話框

FB.ui(
{ 
method: 'apprequests', message:'test message', to: 100007452844315, data: 'send-to-one-42' }, function(response) { if(!response.error_code && response.error_code!=4201) { $("#invite_"+arrId[1]).html("Invited"); $("#invite_"+arrId[1]).addClass("invited"); return false; }}

這工作在我所有的桌面瀏覽器正常，但當我在我的手機打開這個頁面（Android設備，iPhone）這個功能不能正常工作properly.How我可以解決這一問題？

來源

2014-01-27 Dhaval Rajani

我有完全相同的問題，只是我能夠「打開」關於ipad和ipod的apprequest對話。

沒有JS調試（我做了很多，包括除FB以外的所有外部庫）工作。

在iPhone上我有一個空白頁......但與我的網站的源代碼！有趣的我認爲:) 對話實際上是「開放」，但只是不可見（哦痛苦......）

發生了什麼事是這樣的：我們有overflow: hidden設置內聯標籤的身體。當你把它添加類fb_hidden對身體apprequest對話與此內容：

-webkit-transform: none; 
height: 100%; 
margin: 0; 
overflow: visible; 
position: absolute; 
top: -10000px; 
left: 0; 
width: 100%;

因爲overflow:visible現在由內聯樣式覆蓋猜發生了什麼:) - >空白頁！

爲什麼這只是似乎是在iPhone上，而不是在iPad和iPod的一個問題仍然是一個謎，我...（也許有人可以提供一些線索這光？）

所以無論是從身體上取下overflow: hidden標記或覆蓋類fb_hidden與overflow:visible!importent做了訣竅，我們現在有一個功能（ahm ...可見）apprequest對話。

希望有幫助！

來源

2014-02-04 11:26:57 zwadl

感謝您的解決方案，這個問題的原因是我覆蓋了我的css中#fb_root的css和給定z-index：0。這就是爲什麼我的彈出不在移動工作。我刪除了CSS的這個屬性，我解決了我的問題，謝謝Dhaval –

它只會在你設置你的android應用程序，或ios應用程序....，這是因爲Facebook應用程序不可見形式的移動設備。

來源

2014-01-27 10:39:30 user2891084

我沒有開發android和ios應用程序我正在開發一個網站，這就是爲什麼我使用JavaScript sdk –

那麼你的應用程序請求永遠不會看到正在使用移動設備的用戶！ – user2891084

我認爲你不理解我的問題:( –

未啓用移動設備瀏覽器的Facebook apprequest對話框

回答

相關問題