Question

我无法在iphone 4上使用Safari浏览器显示评论（使用ios 5和6）

我正在使用新的FB社交插件代码（在此处找到：http://developers.facebook.com/docs/reference/plugins/comments/）

我的header.php文件中有这个，位于开头的<body>标记下方。

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=my app ID";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

...

和此：

<div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="748" data-mobile="false"></div>

在我的comments.php文件中。

我还添加了这一行：

#fbcomments, .fb-comments, .fb-comments iframe[style], .fb-comments span {
width: 100% !important;
}

到我的style.css文件，以便在浏览器窗口缩小时使评论框保持100％的宽度（我有一个响应式设计，所以想确保框没有破坏布局。）

我的问题是，当我将浏览器窗口缩小到最小值（读取：手机大小）时，评论框仍然存在且工作正常，但是当我在Safari浏览器中打开我的iphone网站时（同时运行两者） ios5和现在的ios6），评论框完全消失，浏览器顶部的旋转轮表示仍在加载某些东西。

当我在iphone上使用Chrome的移动版本时，这种情况不会发生，我已经检查了它，它在我的ipad 1上完美运行，所以它在我的代码中特定的东西导致了safari的麻烦，或者是野生动物园本身 - 哪一个，我不知道。

我尝试在线查看并在这里查看stackoverflow，但找不到具体的答案，所以如果你有任何想法，或者之前看过类似的东西，我很乐意听到它。

全部谢谢！

Facebook对WordPress网站的评论不会显示在iPhone上

0 个答案: