jquery-mobile - jQuery mobile和Facebook登录

Question

我正在使用facebook JS SDK通过Jquery mobile登录Facebook。在初始页面加载时，一切正常-我看到按钮，可以获取登录状态，等等。当我(通过ajax)链接到另一页面时，该按钮无法加载，并且没有任何作用。似乎sdk没有加载，window.fbAsyncInit没有触发。

我假设这与jquery移动页面中所有内容加载的方式有关，但是我已经尝试了所有方法。将fb-root放置在标题，正文和页面内的不同位置的init脚本中，但是得到的结果是相同的。

有什么想法吗？

Answer 1

我正在使用的移动应用程序遇到类似的问题。我还没有确定确切的问题，但是它与一些无法通过ajax发生的加载事件有关。解决该问题的最简单方法是强制不通过ajax加载我的登录页面。使用data-ajax属性。

 <a href="/login.htm" data-ajax="false">Login</a>

理想情况下，登录页面加载事件将能够确定所使用的方法。可能是这样的:

 $(document).on('pageinit','#login_page', function(){
      // if (page-load-event happened through ajax)
      location.reload(true);
 });

本质上，它只是刷新页面。使用true作为函数参数将确保它不使用任何缓存的内容，并再次从服务器中提取。