2014-01-27 3 views
1

У меня проблема на моем сайте с браузером мобильных устройств. сценарий для проблемы, мы показываем друзей пользователя, которые подключаются к моему приложению. и рядом с этим именем пользователя мы дали одну кнопку приглашения, когда пользователь нажимает на эту кнопку приглашения, чтобы диалоговое окно facebook apprequest было открыто для этого пользователя. в том, что я прошел пользовательский идентификатор пользователя facebook. следующий мой фрагмент кода.Диалог apprequest Facebook не открыт в браузере мобильных устройств

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

Это прекрасно работает в моем всем настольном браузере, но когда я открываю эту страницу в моем мобильном телефоне (андроид, iphone) эта функция не работает properly.How я могу это исправить?

ответ

0

У меня была такая же проблема, только я смог «открыть» диалог apprequest на ipad и ipod.

no js debugging (и я многое сделал, включая удаление всех внешних библиотек, кроме FB).

на iphone я получил пустую страницу ... но с исходным кодом моего сайта! интригующий я думал :) диалог был фактически «открытым», но просто не видно (о боль ...)

что случилось вот так: у нас был overflow: hidden набор встроенный на теге тела. , как вы называете apprequest диалога, который добавляет класс fb_hidden к телу с этим содержанием:

-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 ... visible) apprequest.

надеется, что помогло!

+0

Спасибо за ваше решение, причина этой проблемы: я перезаписал css из #fb_root в моем css и задал z-index: 0, поэтому мое всплывающее меню не работает на мобильных устройствах я удаляю это свойство css, и я решил свою проблему. спасибо Dhaval –

0

Он будет работать только в том случае, если вы настроили приложение Android или приложение ios .... это связано с тем, что приложения facebook не видны с мобильных устройств.

+0

Я не разрабатываю приложение android и ios Я разрабатываю один сайт, поэтому я использую javascript sdk –

+0

, тогда ваш запрос приложения никогда не будет отображаться для пользователей, которые используют мобильное устройство !!! – user2891084

+0

Я думаю, что вы не понимаете мой вопрос :( –

Смежные вопросы