0

我有一个漫画网站，我想将 Facebook 点赞按钮添加到其中。

如您所见，主页上有您可以单击的缩略图...缩略图将根据漫画的 ID 在 vi​​ewcomic.php 上加载全尺寸漫画。我认为按照他们的教程添加 xfbml 很容易。我尝试添加 xfbml 和 html5 版本。

然后我将以下类似按钮代码添加到我的 viewimage.php 页面，其中唯一的 $imgid 将是：

<div class="fb-like" id="fb" data-href="http://www.hittingtreeswithsticks.com/?action=viewimage&site=<?php echo $site; ?>&id=<?php echo $imgid; ?>" data-send="false" data-layout="button_count" data-width="60" data-show-faces="true"></div>

当我最初单击漫画以查看完整尺寸时，它为我提供了该 $imgid 和 URL（应为 0）的正确点赞数：http ://www.hittingtreeswithsticks.com/?action=viewimage&site=comics&id=62

在此处输入图像描述

但是，出于某种原因，即使我转到下一个漫画 id，并强制 URL 和页面重新加载（我必须以这种方式重新加载，因为我使用 javascript 来允许用户按键浏览图像并需要它来重新加载页面和 ID）...

            window.history.pushState(null, null, '.?action=viewimage&site=<?php echo $site; ?>&id=<?php echo $imgid ?>);
            window.location.reload();

它会给我整个网站的总点赞数，而不是那个 URL 的唯一 $imgid：http ://www.hittingtreeswithsticks.com/?action=viewimage&site=comics&id=61

在此处输入图像描述

我什至尝试按照Elure 的教程强制使用以下 javascript 更新 href 属性：

        <script type="text/javascript">
        var sUrl = window.location;
        document.getElementById('fb').setAttribute('href', sUrl);
    </script>

任何想法为什么？

谢谢！

像这样？

<div class="fb-like" data-href="http://www.hittingtreeswithsticks.com/?action=viewimage&site=<?php echo $site ?>&id=<?php echo $imgid; ?>" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true" data-font="trebuchet ms"></div>
<script type="text/javascript">
    document.getElementById('fb').setAttribute('data-href', sUrl);
    FB.XFBML.parse();
</script>
4

1 回答 1

2

您需要更新 data-href 属性，因为您使用的是类似按钮的 html5 样式

document.getElementById('fb').setAttribute('data-href', sUrl);
FB.XFBML.parse();
于 2013-02-21T16:43:40.020 回答