3

我无法在 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 问题，要么是 safari 本身 -哪一个，我不知道。

我尝试在网上和 stackoverflow 上查找，但找不到具体的答案，所以如果您有任何想法，或者以前看过类似的东西，我很想听听。

谢谢大家！

4

0 回答 0